Ganti Huruf (Font) dan Kombinasi Beberapa Kode HTML

Setelah mengenal dasar-dasar kode HTML yang sering digunakan untuk keperluan aktifitas blogging pada postingan sebelumnya (lihat di Mendesign Huruf, Kata, atau Kalimat dengan Kode HTML), seperti membuat huruf miring, dan mewarnai huruf, kali ini saya akan memberikan tambahan mengenai cara mengganti huruf atau font.

Berikut ini tabel Contoh dan Hasil (yang ditampilkan), kode HTML untuk mengganti berbagai jenis font

No	Contoh	Hasil
1	<font face="Arial">Update</font>	Update
2	<font face="Arial Black">Update</font>	Update
3	<font face="AvantGarde Bk BT">Update</font>	Update
4	<font face="Bitstream Vera Sans">Update</font>	Update
5	<font face="Book Antiqua">Update</font>	Update
6	<font face="Bookman Old Style">Update</font>	Update
7	<font face="Century Gothic">Update</font>	Update
8	<font face="Comic Sans MS">Update</font>	Update
9	<font face="Courier New">Update</font>	Update
10	<font face="Garamond">Update</font>	Update
11	<font face="Goudy Stout">Update</font>	Update
12	<font face="Harrington">Update</font>	Update
13	<font face="Impact">Update</font>	Update
14	<font face="Jokerman">Update</font>	Update
15	<font face="Lucida Bright">Update</font>	Update
16	<font face="Microsoft Sans Serif">Update</font>	Update
17	<font face="Papyrus">Update</font>	Update
18	<font face="Showcard Gothic">Update</font>	Update
19	<font face="Tahoma">Update</font>	Update
20	<font face="Tempus Sans ITC">Update</font>	Update
21	<font face="Times New Roman">Update</font>	Update
22	<font face="Verdana">Update</font>	Update
23	<font face="Wide Latin">Update</font>	Update

Keterangan:
- Masih terdapat jenis-jenis huruf yang lain, jadi bisa dikreasikan lagi
- Jenis-jenis huruf akan ditampilkan dengan baik, apabila didukung oleh browser dengan Operating System yang baik pula.

Disamping itu kita bisa menggabungkan (kombinasi) kode-kode HTML, seperti ganti font, ganti ukuran font, dan warna font pada salah satu kata seperti yang dicontohkan dibawah ini

Contoh kombinasi dan hasilnya
<font face="Century Gothic" size="16" color="#FF0000">CaangGo!</font>
CaangGo!
<i><font face="Comic Sans MS" size="16" color="olive">CaangGo!</font></i>
CaangGo!
<font face="Arial" size="16" color="#008000">Caang</font><font face="Lucida Console" size="16" color="#0000FF">Go!</font>
CaangGo!

Lanjut baca »»

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.

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>	Caang
7	<big>Caang</big>	Caang
8	Kang<br/>Caang	Kang Caang
9	<center>Caang</center>	Caang
10	Kang<p/>Caang	Kang Caang
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..

Lanjut baca »»