Elemen Teks: Bold (<b>), Italic (<i>), dan Underline (<u>) dalam HTML

Dalam HTML, elemen <b> (Bold), <i> (Italic), dan <u> (Underline) digunakan untuk memformat teks agar lebih menonjol atau memiliki penekanan tertentu. <b> digunakan untuk membuat teks menjadi tebal, yang biasanya digunakan untuk menyoroti kata penting atau judul kecil dalam teks. <i> digunakan untuk membuat teks menjadi miring, sering digunakan untuk istilah asing, nama ilmiah, atau penekanan gaya tulisan. Sementara itu, <u> digunakan untuk menggarisbawahi teks, sering digunakan untuk menunjukkan tautan atau istilah penting dalam sebuah dokumen.

Meskipun <b>, <i>, dan <u> mengubah tampilan teks, mereka tidak memberikan arti semantik yang kuat. Oleh karena itu, dalam praktik modern, pengembang lebih sering menggunakan <strong> untuk teks tebal (yang menunjukkan kepentingan atau urgensi) dan <em> untuk teks miring (yang memberikan penekanan makna). Namun, jika hanya ingin mengubah tampilan tanpa memperhatikan makna semantik, penggunaan <b>, <i>, dan <u> masih dapat diterapkan dalam HTML.

Contoh Penggunaan <b> (Bold)

<p>Ini adalah <b>teks tebal</b> dalam sebuah paragraf.</p>
<p>Pastikan Anda membaca <b>syarat dan ketentuan</b> sebelum melanjutkan.</p>
<p>Produk ini mengandung <b>100% bahan alami</b> tanpa pengawet.</p>
<p>Film ini memenangkan <b>penghargaan bergengsi</b> tahun ini.</p>
<p><b>Catatan:</b> Harap periksa kembali sebelum mengirim.</p>

Penjelasan: <b> digunakan untuk menonjolkan bagian teks yang penting agar mudah dikenali oleh pembaca.

Contoh Penggunaan <i> (Italic)

<p>Kata dalam bahasa Latin seperti <i>et cetera</i> sering digunakan dalam tulisan ilmiah.</p>
<p>Novel favorit saya adalah <i>Harry Potter and the Sorcerer’s Stone</i>.</p>
<p>Istilah pemrograman seperti <i>recursion</i> sering digunakan dalam algoritma.</p>
<p>Dia berbisik, <i>“Aku akan kembali nanti.”</i></p>
<p>Nama ilmiah kucing domestik adalah <i>Felis catus</i>.</p>

Penjelasan: <i> digunakan untuk teks yang ingin ditampilkan dalam gaya miring, seperti istilah asing, nama buku, atau dialog.

Contoh Penggunaan <u> (Underline)

<p>Harap baca <u>instruksi penggunaan</u> sebelum memulai.</p>
<p>Nama pemenang lomba adalah <u>Rina Suryani</u>.</p>
<p>Kata yang harus diperhatikan adalah <u>penting</u>.</p>
<p>Gunakan kode voucher berikut untuk diskon: <u>DISKON50</u>.</p>
<p>Nomor seri produk ini adalah <u>ABC-12345</u>.</p>

Penjelasan: <u> digunakan untuk menandai teks dengan garis bawah agar terlihat lebih menonjol, biasanya dalam konteks informasi penting atau penekanan visual.

Dengan memahami dan menggunakan elemen <b>, <i>, dan <u> dengan tepat, kita dapat meningkatkan keterbacaan teks dalam halaman web serta membantu pembaca memahami informasi yang lebih penting dengan lebih jelas.