Tutorial Text HTML Part 3: Cara Membuat Huruf Tebal dalam HTML (tag b dan tag strong)

111

Yodha.web.id – Dalam pembuatan text, kadang kita perlu untuk membuat beberapa kata dalam format huruf tebal untuk penekanan kalimat. Di dalam HTML, untuk membuat huruf tebal, kita menggunakan tag <b> dan tag <strong>. Dalam tutorial HTML kali ini, kita akan membahas Cara Membuat Huruf Tebal dalam HTML dengan tag <b> dan tag <strong>.


Tag <b> dan <strong> Untuk Membuat Huruf Tebal dalam HTML

Jika anda telah membaca tutorial text HTML sebelumnya, yakni tentang tag <i> dan tag <em>, maka kejadian serupa juga dialami oleh tag <b> dan tag <strong>.

Pada masa-masa awal perkembangan web, CSS pada saat itu belum berkembang seperti sekarang, sehingga keperluan untuk mengubah atau mempercantik halaman web, ditangani langsung oleh HTML.

Tag <b> adalah singkatan dari bold yang di dalam aplikasi pemrosesan text berarti huruf tebal. Sama seperti alasan pada tag <i>, pada saat era xHTML, tag <b> juga disarankan untuk tidak digunakan lagi, karena tag yang menangani tampilan seharusnya digantikan dengan CSS.

xHTML kemudian menyediakan tag <strong> yang berarti “strong importance” untuk menggantikan penggunaan tag <b>. Tag <strong> digunakan pada bagian text yang perlu penekanan khusus seperti instruksi, atau kalimat penting. Web browser akan menampilkan tag <strong> dengan huruf tebal.

Pada saat HTML5 keluar, tag <b> kembali di ‘restui’ menjadi tag resmi HTML, namun dengan tujuan sebagai “stylistically offset”, atau penggunaannya adalah untuk menandai kata kunci atau nama produk yang dirasa perlu untuk ditulis berbeda dengan text di sekelilingnya.

Berikut adalah contoh perbedaan penggunaan tag <b> dan tag <strong>:

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML di Yodha.web.id</title>
</head>
<body>
<p>Saya sedang belajar di <b>Yodha.web.id</b></p>
<p>HTML adalah <strong>bahasa wajib programmer web</strong></p>
</body>
</html>


Di dalam contoh tersebut, saya menggunakan tag <b> untuk penulisan nama situs Yodha.web.id, dan tag <strong> untuk penekanan kalimat penting.

Sama seperti tag <i>, tag <b> lebih populer di gunakan dibandingkan dengan tag <strong>, hal ini terutama disebabkan karena tag <b> telah ada dari awal perkembangan HTML. Di dalam spesifikasi HTML5, kedua tag ini memiliki tampilan yang sama, namun dengan pengertian yang berbeda.