HyperText Markup Language atau yang lebih dikenal dengan HTML memang sangat di perlukan oleh kita yang berkutat dengan blog/web/situs. Sebagai seorang yang mengelola sebuah situs mau tidak mau kita harus mengerti atau setidaknya sedikit tau tentang html, kenapa? Karena HTML ini adalah bahasa yang pasti kita gunakan, entah itu buat ngedit template, maupun dalam membuat postingan.
Ada banyak sekali tag-tag HTML tapi saya hanya ingin menjelaskan sedikit tentang tag html, yang mungkin berguna, terutama bagi anda yang punya blog tentang lirik dan kord lagu. Tapi maaf ini Cuma buat yang newbie aja, jd klo ada master yang sampe kesasar disini mohon jangan diketawain ya :), karena saya juga masih belajar, jadi kita sama-sama belajar HTML dengan mudah :).
Ok, saya punya satu contoh kasus sperti ini
A[spasi][spasi][spasi][spasi][spasi]B
Maka tulisan yang akan tampil hanya berjarak 1 spasi. Ga percaya? Silakan anda coba sendiri :) lalu tag apa yang bisa kita gunakan untuk mendapatlkan format tulisan yang kita mau itu?
Yang pertama kita bisa menggunakan Non-Breaking Space, kodenya adalah " " (tanpa tanda kutip). Pada contoh diatas, bila anda mau memberi jarak antara suruf A dan B sebanyak 5 spasi, anda bisa menuliskan nya seperti ini "A B" (ga pake kutip ya). Tapi menurut saya cara ini sedikit ribet karena anda harus menuliskannya sebanyak yang anda mau, bisa juga si biar lebih simple anda membuatnya dulu di dreamweaver kemudian baru anda copas hasil tulisannya. Tapi tetep menurut saya ini akan membuang lebih banyak waktu :D
Cara kedua anda bisa menggunakan kode <pre> </pre>, kode <pre> </pre> ini digunakan untuk perataan text, menggunakan kode ini akan membuat lebih simple karena anda hanya perlu mengapit text yang anda ingin dengan tag itu tanpa menggunkan kode non-breaking space, jd anda tinggal mengaturnya dengan spasi biasa aja. Kembali pada cotoh diatas, maka anda hanya perlu menuliskannya seperti ini <pre>A B</pre>
Untuk blog yang menggunakan platform WP, selain menggunakan tag <pre> </pre> anda juga bisa menggunakan fasilitas yg diberikan oleh WP yaitu <code> </code> pengunaannya sama dengan tag <pre> </pre>
Penulisan semua kode diatas harus anda lakukan di editor HTML blog anda, dan untuk penggunaan non-breaking space atau kode setelah anda selesai menulis artikel di editor HTML jangan anda pindah ke mode visual karena tag itu akan hilang dan spasi anda akan kembali menjadi satu buah, kalo anda mao lihat hasilnya sebelum di publikasikan anda bisa melihatnya di pratampilnya atau pratinjau.
Ok, saya udah mulai ngawur nih, lagi mumet jd cukup disini aja dulu ya :)
Ada banyak sekali tag-tag HTML tapi saya hanya ingin menjelaskan sedikit tentang tag html, yang mungkin berguna, terutama bagi anda yang punya blog tentang lirik dan kord lagu. Tapi maaf ini Cuma buat yang newbie aja, jd klo ada master yang sampe kesasar disini mohon jangan diketawain ya :), karena saya juga masih belajar, jadi kita sama-sama belajar HTML dengan mudah :).
Ok, saya punya satu contoh kasus sperti ini
A BSaya bikin jarak antra huruf A dan B adalah 5 spasi. Bila anda tulis secara normal tanpa bantuan tag, seperti ini :
A[spasi][spasi][spasi][spasi][spasi]B
Maka tulisan yang akan tampil hanya berjarak 1 spasi. Ga percaya? Silakan anda coba sendiri :) lalu tag apa yang bisa kita gunakan untuk mendapatlkan format tulisan yang kita mau itu?
Yang pertama kita bisa menggunakan Non-Breaking Space, kodenya adalah " " (tanpa tanda kutip). Pada contoh diatas, bila anda mau memberi jarak antara suruf A dan B sebanyak 5 spasi, anda bisa menuliskan nya seperti ini "A B" (ga pake kutip ya). Tapi menurut saya cara ini sedikit ribet karena anda harus menuliskannya sebanyak yang anda mau, bisa juga si biar lebih simple anda membuatnya dulu di dreamweaver kemudian baru anda copas hasil tulisannya. Tapi tetep menurut saya ini akan membuang lebih banyak waktu :D
Cara kedua anda bisa menggunakan kode <pre> </pre>, kode <pre> </pre> ini digunakan untuk perataan text, menggunakan kode ini akan membuat lebih simple karena anda hanya perlu mengapit text yang anda ingin dengan tag itu tanpa menggunkan kode non-breaking space, jd anda tinggal mengaturnya dengan spasi biasa aja. Kembali pada cotoh diatas, maka anda hanya perlu menuliskannya seperti ini <pre>A B</pre>
Untuk blog yang menggunakan platform WP, selain menggunakan tag <pre> </pre> anda juga bisa menggunakan fasilitas yg diberikan oleh WP yaitu <code> </code> pengunaannya sama dengan tag <pre> </pre>
Penulisan semua kode diatas harus anda lakukan di editor HTML blog anda, dan untuk penggunaan non-breaking space atau kode setelah anda selesai menulis artikel di editor HTML jangan anda pindah ke mode visual karena tag itu akan hilang dan spasi anda akan kembali menjadi satu buah, kalo anda mao lihat hasilnya sebelum di publikasikan anda bisa melihatnya di pratampilnya atau pratinjau.
Ok, saya udah mulai ngawur nih, lagi mumet jd cukup disini aja dulu ya :)
0 comments:
Post a Comment
Kasih Comment na Dunk