Kerak Telor HTML: Text Formatting

Text Formatting
Bagian ini kitanya bakalan belajar ngeformat text. Jangan dibayangkan kayak ngeformat flashdisk yak :-p tapi ngeformat text biar ada variasinya gitu. Seperti biar tampilannya miring , tebal , dicoret , jadi keliatan lebih kecil atau besar dari yang lain, dan sebagainya.

----------------
Formatting Elements
----------------
Nah Formating Elements ini merupakan tag html yang didesain untuk menampilkan spesial teks sehingga teksnya terlihat berbeda dari yang lain.

<b> | Bold | Catak tebal
Ini biar keliatan lebih tebal textnya.

<strong> | Strong | Catak tebal
Ini biar keliatan lebih tebal textnya, bedanya sama yang <b> yaitu tag <strong> ini mengindikasikan bahwa teks yang dimaksud adalah PENTING a.k.a Important

<i> | Italic | Catak miring
Ini biar keliatan miring textnya.

<em> | Italic | Catak miring
Ini biar keliatan miring textnya, bedanya sama yang <i> yaitu tag <em> ini mengindikasikan bahwa teks yang dimaksud adalah PENTING a.k.a Important

<big> | Big | Catak gede
Ini biar keliatan lebih gede / besar textnya.

<small> | Small | Catak kecil
Ini biar keliatan lebih kecil textnya.

<sup> | superscripted
Ini biar keliatan lebih tinggi posisi textnya. Contohnya saat menulis lambang derajat

<sub> | subscripted
Ini biar keliatan lebih rendah posisi textnya. Contohnya saat menulis rumus kimia

<ins> | Inserted
Ini biar teksnya bergaris bawah.

<del> | Deleted
Ini biar teksnya tercoret.

----------------
Mending dicoba ndiri dah, buat file html yang isinya kayak berikut ini yak:

<html>
<head>
  <title>Text Formating</title>
</head>
<body>
  <p>Ini teks normal tanpa diformat</p>
  <p><b>Ini text yang dicetak tebal</b></p>
  <p><big>Kalo ini lebih gede</big></p>
  <p><strong>Ini juga tebal</strong></p>
  <p><i>Ini miring sodara</i></p>
  <p><small>Keliatan kecil kan ini?</small></p>
  <p>Contoh text <sup>superscripted</sup></p>
  <p>Contoh text <sub>subscripted</sub></p>
  <p><ins>Ini digaris bawah sop</ins></p>
  <p><del>Kalo ini dicoret, salah soalnya</del></p>
</body>
</html>

Terus dicoba deh dibuka dibrowser, hasilnya akan seperti Gambar

Kerak Telor ala Ido Alit