Mengubah Tipe Huruf dengan HTML



Kayaknya, di postingan ini, aku masih mau berkutat sama huruf-huruf, deh! Jadi, kali ini aku mau mencoba cerita tentang mengubah ukuran huruf lewat HTML. Sebenernya—sekali lagi—di Blogger udah ada cara instannya, yaitu dengan menngeklik ikon "Bold", "Italic", "Underlined", atau "Striketrough". Tapi, tentu saja, seperti yang udah aku bilang di postingan sebelumnya, gimana kalo kita cuma boleh ngganti kode HTML, tanpa cara instan? Jangan salah, ya, tapi banyak tempat yang kayak begitu! Jadi, ini pun perlu dipelajari. Paling nggak punya pemahaman, itu udah bagus, kok! :)

Pertama, kita harus paham kode-kode ini:

<b></b>
<i></i>
<em></em>
<u></u>
<s></s>
Nah, mari saya jelaskan!^^

  • <b></b> adalah kode untuk menebalkan huruf.
  • <i></i> dan <em></em> adalah kode untuk membuat huruf menjadi miring (Italic).
  • <u></u> untuk memberi garis bawah pada huruf.
  • <s></s> untuk mencoret (striketrough) huruf.

Hmm, perlu diingat, setiap kalimat yang ingin diubah tipenya, harus diletakkan di antara kode pembuka dan kode penutup. Karena udah malem dan saya ngantuk, jadi aku mau nulis yang singkat aja. Langsung aku kasih contoh buat masing-masing, ya! :D

<b>TEBAL.</b>
Hasil:

TEBAL.

<i>MIRING.</i>
Hasil:

MIRING.

<em>MIRING JUGA.</em>
Hasil:

MIRING JUGA.

<u>PENTING.</u>
Hasil:

PENTING.

<s>SALAH.</s>
Hasil:

SALAH.

Lihat, kan? Sekarang, pasti kamu mau bilang, "Masya Allah, betapa mudahnya!" Karena, emang gampang. Siapa bilang mainan kayak beginian itu sulit? Lebih jauh lagi, dengan membaca postingan tentang warna huruf, kita juga bisa memadukan warna huruf dengan kode-kode di atas.

Contoh:

<b><i><u><s><font color="grey">SARIMIN ATUNGGU SAWAH.</b></i></u></s></font>
Maka, kita akan mendapatkan hasil seperti ini:

SARIMIN ATUNGGU SAWAH.

Wow, keren, yah? Iya, emang keren! Makanya itu, kita harus bersyukur pada Allah, karena Dia telah menciptakan orang-orang pandai yang bisa menemukan kode-kode semacam ini. Ingat:

Tiada daya dan kekuatan melainkan milik Allah semata.

Leave a Reply

(: my notes of thoughts :)
Powered by Blogger.