Seperti halnya program pengedit tulisan seperti Microsoft Word, tulisan pada dokumen HTML bisa diatur dengan berbagai format, seperti cetak tebal, cetak miring, garis bawah, dan sebagainya.
Format-format ini diatur dengan cara mengapit tulisan dengan tag-tag khusus. Mari kita lihat contoh berikut ini.
Dikutip dari Wikipedia bahasa Indonesia.
<html>
<head>
<title>Indonesia Raya</title>
</head>
<body>
<b>Indonesia Raya</b> adalah <u>lagu kebangsaan Republik Indonesia</u>.
Lagu ini pertama kali diperkenalkan oleh komponisnya, <i>Wage Rudolf Soepratman</i>,
pada tanggal <mark>28 Oktober 1928 pada saat <u>Kongres Pemuda II di Batavia</u></mark>.
Lagu ini menandakan kelahiran pergerakan nasionalisme seluruh nusantara di Indonesia
yang mendukung ide satu "Indonesia" sebagai penerus Hindia Belanda,
daripada dipecah menjadi beberapa koloni.<sup>1</sup><br />
<small>Dikutip dari Wikipedia bahasa Indonesia.</small>
</body>
</html>Berikut ini daftar tag yang bisa digunakan beserta penjelasannya.
| Tag | Penjelasan |
|---|---|
| <b> | Cetak tebal |
| <strong> | Cetak tebal |
| <i> | Cetak miring |
| <em> | Cetak miring |
| <u> | Menggarisbawahi tulisan |
| <ins> | Menggarisbawahi tulisan |
| <del> | Mencoret tulisan |
| <mark> | Memberi tanda warna pada tulisan |
| <sup> | Mencetak dengan tulisan kecil di atas baris |
| <sub> | Mencetak dengan tulisan kecil di bawah baris |
| <small> | Mencetak dengan tulisan lebih kecil |
| <big> | Mencetak dengan tulisan lebih besar |
| <br /> | Memindahkan tulisan selanjutnya ke baris baru. |
Selain tag di atas, ada juga kode-kode khusus untuk mencetak karakter spesial. Sebagai contoh, pada dokumen HTML sebanyak apapun spasi yang kita tulis di kode akan diabaikan dan dijadikan satu spasi saja pada saat ditampilkan di browser.
<p>
Muke lu jauh.<br />
Tag <br /> digunakan untuk mencetak baris baru.
</p>
Muke lu jauh.
Tag
digunakan untuk mencetak baris baru.
Untuk mencetak karakter spasi, gunakan kode . Kode-kode semacam ini disebut juga HTML Entities. HTML Entities ini berguna juga ketika kita perlu mencetak tulisan yang bisa dianggap sebagai kode HTML, namun ingin dicetak apa adanya tanpa pemrosesan.
<p>
Muke lu jauh.<br />
Tag <br /> digunakan untuk mencetak baris baru.
</p>
Muke lu jauh.
Tag <br /> digunakan untuk mencetak baris baru.
| HTML Entity | Karakter | HTML Entity | Karakter |
|---|---|---|---|
| | (spasi) | 	 | (tab) |
| 
 | (baris baru) | ||
| " | “ | ' | ‘ |
| & | & | @ | @ |
| < | < | > | > |
| _ | _ | | | | |
| ! | ! | ¡ | ¡ |
| ¢ | ¢ | $ | $ |
| £ | £ | ¥ | ¥ |
| © | © | ® | ® |
| « | « | » | » |
| ° | ° | ± | ± |
| ‐ | ‐ | – | – |
| — | — | ― | ― |
| ‘ | ‘ | ’ | ’ |
| ‚ | ‚ | “ | “ |
| ” | ” | „ | „ |
| † | † | ‡ | ‡ |
| &bull | • | ‥ | ‥ |
| … | … | ⃛ | ⃛ |
| ‰ | ‰ | ‱ | ‱ |
| ← | ← | ↑ | ↑ |
| → | → | ↓ | ↓ |
| ↔ | ↔ | ↕ | ↕ |
| ↖ | ↖ | ↗ | ↗ |
| ↘ | ↘ | ↙ | ↙ |
Kode entitas selengkapnya dapat dilihat di situs W3 di sini.