Format Teks pada HTML
Format teks pada HTML yang sering digunakan adalah bold <b>, italic <i>, dan underline <u>. Selain itu, masih ada banyak lagi format teks yang sangat dibutuhkan penggunaannya.
Elemen HTML <b> dan <strong>
Elemen HTML <b> dan <strong>
Elemen HTML <b> digunakan untuk membuat teks tebal.
Contoh
<!DOCTYPE html>
<html>
<body>
<p><b>Ini adalah teks bold</b></p>
</body>
</html>Elemen HTML <strong> biasanya digunakan untuk membuat teks tebal yang lebih ditekankan.
Contoh
<!DOCTYPE html>
<html>
<body>
<strong>Ini adalah teks strong</strong>
</body>
</html>Elemen HTML <i> dan <em>
Elemen HTML <i> digunakan untuk memiringkan teks.
Contoh
<!DOCTYPE html>
<html>
<body>
<i>Ini adalah teks italic</i>
</body>
</html>Elemen HTML <em> biasanya digunakan untuk memiringkan teks yang lebih ditekankan.
Contoh
<!DOCTYPE html>
<html>
<body>
<em>Ini adalah teks emphasized</em>
</body>
</html>Catatan: Browser menampilkan <strong> sebagai <b>, dan <em> sebagai <i>. Namun, ada perbedaan dalam arti tag ini: <b> dan <i> digunakan untuk membuat teks tebal dan miring, tapi <strong> dan <em> berarti bahwa teks tersebut adalah teks yang sangat "penting".
Elemen HTML <small>
Elemen HTML <small> digunakan untuk membuat teks lebih kecil:
Contoh
<!DOCTYPE html>
<html>
<body>
<h2>Format teks <small>Kecil</small> dalam HTML</h2>
</body>
</html>Elemen HTML <mark>
Elemen HTML <mark> digunakan untuk membuat teks disorot atau ditandai:
Contoh
<!DOCTYPE html>
<html>
<body>
<h2>Format teks yang <mark>ditandai</mark> dan tersorot</h2>
</body>
</html>Elemen HTML <del>
Elemen HTML <del> digunakan untuk membaut teks yang dihapus (di-remove).
Contoh
<!DOCTYPE html>
<html>
<body>
<p>Warna favorit saya adalah <del>biru</del> langit.</p>
</body>
</html>Elemen HTML <ins>
Elemen HTML <ins> biasanya digunakan untuk membuat teks yang dimasukkan (inserted) atau ditambahkan (added).
Contoh
<!DOCTYPE html>
<html>
<body>
<p>Warna favorit saya <ins>merah</ins> warnanya</p>
</body>
</html>Elemen HTML <sub>
Elemen HTML <sub> digunakan untuk membuat teks subscript.
Contoh
<!DOCTYPE html>
<html>
<body>
<p> Ini adalah <sub>subscripted</sub> text.</p>
</body>
</html>Elemen HTML <sup>
Elemen HTML <sup> digunakan untuk membuat teks superscript.
Contoh
<!DOCTYPE html>
<html>
<body>
<p>Ini adalah <sup>superscripted</sup> text.</p>
</body>
</html>Kesimpulan
Dibawah ini adalah gambar hasil dari masing-masing contoh diatas:
Penjelasan masing-masing tag:
- <b> - teks bold
- <strong> - teks tebal tapi lebih ditekankan
- <i> - teks Miring
- <em> - teks miring tapi lebih ditekankan
- <mark> - teks yang ditandai
- <small> - teks Kecil
- <del> - teks yang
dihapus - <ins> - teks yang dimasukkan (inserted)
- <sup> - teks Superscript
- <sub> - teks Subscript
Demikian pembahasan tentang Format Text pada HTML.
Bagikan
Belajar HTML Part 8 - Jenis-Jenis Format Text di HTML
4/
5
Oleh
Octavianus Hasan
