Matamu.NET – Pembuatan paragraf (text) di HTML hampir sama aturan membuat paragraf dalam penulisan buku. Kita membutuhkan format text yang berbeda untuk menunjukkan tanda-tanda dalam tulisan.
Misalkan untuk menulis istilah yang masih dalam bahasa asing, maka istilah tersebut ditulis miring. Tulisan miring ini yang disebut sebagai format text italic.
Seperti text dibawah ini :
| Ini adalah penulisan dengan text polos dimana semua huruf dalam paragraf ini dibuat seragam dan biasa saja. Hal ini tentu saja membatasi kerja kita dengan HTML. | Ini adalah text dengan format yang lebih banyak yang dirancang sesuai kebutuhan seperti italic, bold, dan underline. Tujuannya agar lebih informatif |
Formating text di HTML dilakukan dengan menggunakan fasilitas tag format. Syntax-nya sebagai berikut : <tagformat> kata kata </tagformat>
| Tag Format Text | Hasil yang ditunjukkan |
| <b>bold</b> | Bold |
| <i>italic</i> | italic |
| <u>underline</u> | underline |
| <strong>Strong</strong> | Strong |
| A<sup>Supscripe</sup> | ASupscripe |
| A<sub>Subscripe</sub> | ASubscripe |
| <del>Tercoret</del> | |
| <mark>Mark stabilo</mark> | Mark stabilo |
| <pre>praformat seperti code</pre> | praformat seperti code |
Sintaks untuk penggunaan Format Text lebih dari satu dilakukan dengan aturan nested tapi tidak memperdulikan order-nya seperti :
| <b><i><u>bold, italic dan uderline</u></i></b> | bold, italic dan uderline |
| <u><b><i>bold, italic dan uderline</i></b></u> | bold, italic dan uderline |
Catatan :
Dalam beberapa kasus, Format text mungkin saja menunjukkan hal yang sama dari segi visualisasi seperti
| Tag Format Text | Hasil yang ditunjukkan |
| <b>bold</b> | Bold |
| <strong>Strong</strong> | Strong |
| <i>Italic</i> | italic |
| <em>empashis</em> | empashis |
Meskipun secara visual beda, search enggine yang membaca struktur document HTML dari setiap postingan akan mengenali perbedaan dari masing-masing text formatting.
