Mendesign Huruf, Kata, atau Kalimat dengan Kode HTML
Mendesign karakter huruf, kata, atau kalimat (seperti membuat huruf tebal), dengan kode HTML merupakan perkara yang gampang-gampang susah. Perkara yang gampang terutama bagi para blogger yang telah mahir dan perkara yang susah biasanya untuk blogger yang baru memulai.
Pada kolom Posting sebenarnya mudah untuk membuat huruf tebal yaitu dengan menyorot teks yang dituju kemudian mengkliknya pada efek b atau bold. Namun pada kolom yang lain seperti Edit Template atau Gadget HTML/JavaScript Sidebar, hal tersebut tidak dapat dilakukan. Sehingga kita perlu tahu (mengingat) kode-kode dasar HTML yang biasa digunakan.
Dibawah ini tabel fungsi dan kode HTML yang sering digunakan untuk keperluan aktifitas blogging.
Adapun contoh dan hasilnya, bisa dilihat pada tabel dibawah ini.
Keterangan:
Untuk no 11 atau Tag, tidak akan muncul saat di browsing, gunanya sebagai atribut atau penanda kode-kode HTML atau script yang kita miliki.
Untuk no 12 atau Warnai huruf, ganti red dengan warna yang diinginkan atau menggunakan kode warna (baca: Menghilangkan Garis Bawah Teks Link dan Mengganti Warnanya).
Untuk no 13 atau Ukuran huruf, ganti 16 dengan angka yang dikehendaki.
Semoga bermanfaat..
Pada kolom Posting sebenarnya mudah untuk membuat huruf tebal yaitu dengan menyorot teks yang dituju kemudian mengkliknya pada efek b atau bold. Namun pada kolom yang lain seperti Edit Template atau Gadget HTML/JavaScript Sidebar, hal tersebut tidak dapat dilakukan. Sehingga kita perlu tahu (mengingat) kode-kode dasar HTML yang biasa digunakan.
Dibawah ini tabel fungsi dan kode HTML yang sering digunakan untuk keperluan aktifitas blogging.
No | Fungsi | Kode |
1 | Garis bawah | <u></u> |
2 | Huruf tebal | <b></b> |
3 | Huruf miring | <i></i> |
4 | Superscript (bilangan pangkat) | <sup></sup> |
5 | Subscript (rumus kimia) | <sub></sub> |
6 | Coret | <s></s> |
7 | Besar | <big></big> |
8 | Baris baru | <br/> |
9 | Tengah | <center></center> |
10 | Paragrap baru | <p/> |
11 | Tag | <!-- --> |
12 | Warnai huruf | <font color="red"></font> |
13 | Ukuran huruf | <font size ="16"></font> |
Adapun contoh dan hasilnya, bisa dilihat pada tabel dibawah ini.
No | Contoh | Hasil |
1 | <u>Caang</u> | Caang |
2 | <b>Caang</b> | Caang |
3 | <i>Caang</i> | Caang |
4 | 10<sup>5</sup> | 105 |
5 | CO<sub>2</sub> | CO2 |
6 | <s>Caang</s> | |
7 | <big>Caang</big> | Caang |
8 | Kang<br/>Caang | Kang Caang |
9 | <center>Caang</center> | |
10 | Kang<p/>Caang | KangCaang |
11 | <!--Mulai Sponsor --> | |
12 | <font color="red">Caang</font> | Caang |
13 | <font size ="16">Caang</font> | Caang |
Keterangan:
Untuk no 11 atau Tag, tidak akan muncul saat di browsing, gunanya sebagai atribut atau penanda kode-kode HTML atau script yang kita miliki.
Untuk no 12 atau Warnai huruf, ganti red dengan warna yang diinginkan atau menggunakan kode warna (baca: Menghilangkan Garis Bawah Teks Link dan Mengganti Warnanya).
Untuk no 13 atau Ukuran huruf, ganti 16 dengan angka yang dikehendaki.
Semoga bermanfaat..
biasanya pake MCE editor jadi ga pusing mikir tag htmlnya
BalasHapuswah ijin bookmark kang..emang sok lieur kalo edit html teh, nu laennya ada ga? misalkan ganti font? Nuhun...
BalasHapusWah, tutoroial yang mantap sob. Lengkap jeung babari difahami. Siip lah...
BalasHapusUntuk ganti font atau huruf insya Alloh buat postingan berikutnya
BalasHapus(Wah.. wah.. wah.. punten katinggaleun euy)
wah can aya...di antosan mun aya tutor anyar deui kang..
BalasHapusapa kbr kang?, mudah2an blm lupa...dah lama nggak singgah nich. artikel yg menarik....kebetulan saya lg bikin blog baru. artikelnya bermanfaat...hatur nuhun.
BalasHapusidih idihhhh...mantap kangg... tutor na nu eza cari2... :D sipp dehhh...
BalasHapusNuhun ah atas sajian "sup" nya ane' jadi bisa nulis pangkat he...he....
BalasHapusHebatlah bang mi'ing mah pake pangkat sagala nulisna..
BalasHapusTutorial diatas, juga untuk mengingatkan saya kalau perlu nulis-nulis kode HTML seperti itu.
Mantab ne tutorialnya, langsung gw praktekkin aja ne
BalasHapusIzin di sedot kan tutorialnya smoga bermanfaat jg buat yg lain
BalasHapusthanks.. nice info.. ;)
BalasHapusmantap sob, makasih ilmunya, add juga blog jelk saya ya heheh lum ad teman masih sepi
BalasHapusTerimakasih gan, atas info html nya, saya perlu banget ini untuk website ane.... Semoga sukses yah gan... amin
BalasHapus