Belajar HTML: Mengkustom Font

 Kode HTML sangatlah penting bagi web/blog, karena HTML (Hyper Text Mark up Language) adalah sekumpulan kode yang digunakan untuk membangun Blog atau Web kita. Jadi, minimal anda harus mengetahui tentang HTML, cara penulisannya, dan lainnya. Pada postingan kali ini, saya tidak akan membahas semua kode HTML, saya hanya akan membahas kode-kode yang digunakan untuk memodifikasi huruf, seperti memberi warna pada huruf, link, background, dll.

Sekarang mari kita mulai pelajari:

1. bold, italic dan underline . . .

Kita akan membutuhkan kode <b></b>, <i></i>, <u></u>. Misalkan kita punya kata, jika kata tersebut kita sisipkan ke salah satu kode itu, maka hasilnya akan menjadi tebal, miring, atau bergaris bawah. Perhatilan contoh:

Misalkan kita menuliskan kode dibawah ini

<b>blogger</b>

<i>blogger</i>

<u>blogger</u>

Maka hasilnya akan menjadi:

blogger (kata enjadi dicetak tebal)

blogger (kata menjadi miring)

blogger (kata digaris bawahi)

2. Memberikan background

Untuk memberikan background ini, kodenya lumayan rumit. Anda juga harus tahu tentang kode warna. Sekarang, perhatikan kode dibawah ini:

 
<span style="background:#6555FF">blogger</span>

Hasil:

blogger

Jika ingin mengganti background dengan warna lain, maka ganti kode warna tersebut (#6555ff). Kalo’kode yang merah adalah kata/tulisan yang akan muncul di halaman web/blog anda.

3. Penulisan link

Pasti para blogger sudah tahu tentang link kan? Jika belum coba cari di Google dulu, karena pada postingan ini tidak bertema tentang devinisi link. Sekarang, coba lihat kode berikut:

<a target="_blank" href="http://www.blogger.com">blogger</a>

Hasil:

blogger

Kode yang berwarna biru adalah alamat tujuan link, kalo’ kode yang hijau adalah kata yang muncul. Jika kata
tersebut diklik maka akan muncul jendela baru, jika anda menginginkan agar tidak membuka jendela baru maka hilangkan kode:

target=”_blank”.

4. Warna pada font

Coba perhatikan kode dibawah ini:

<font color="#0000FF">Blogger</font>

Hasil:

Blogger

Kode warnanya (#0000FF) dapat anda ganti dengan kode warna lainnya.

5. Format ukuran pada font

Untuk mengatur kode pada ukuran ini sangatlah mudah. Coba perhatikan kode dibawah ini

<font size="6">Blogger</font>

Hasil:

Blogger

Tulisan kodenya beda, misalkan font sizen-nya kita ganti menjadi 1, maka ukuran hurufnya menjadi 8 pt. dan jika kita ganti dengan 2, maka ukurannya menjadi 10, dan seterusnya. Yang penting, jika jika font sizenya tambah 1, maka ukuran hurufnya tambah 2 pt.

6. Superscript dan Subscript

Apakah anda sudah tahu yang dimaksut dengan Superscript dan Subscript? Biasanya tulisan seperti ini
digunakan pada Ms.Word. Kodenya seperti ini:

· Untuk Superscript:

<font>blogger ^in
draft</font>

Hasil:

Blogger ^{in draft}

· Untuk Subscript:

<font>blogger _in
draft</font>

Hasil:

blogger _{in draft}

7. Efek lainnya

Kita dapat mencoret font yang telah kita tulis dengan model penulisan:

<s>Hewan</s>

<strike>Hewan</strike>

Hasil:

 
Hewan
Hewan

Sebenarnya masih banyak lagi tentang cara memformat font. Tapi hanya tujuh saja menurut saya sudah cukup.
Semoga berhasil . . . dan terus mencoba . . .