Ada dua cara untuk menebalkan teks tertentu di laman web. Anda dapat menggunakan tag HTML atau melalui style CSS. Di HTML, ada dua elemen (tag) yang bisa digunakan untuk membuat teks menjadi tebal (bold) yaitu elemen b atau tag <b> dan elemen strong atau tag <strong>. Web browser akan menampilkan (render) penggunaan dua elemen atau tag HTML ini sama persis.
Baca artikel Membuat Teks Tebal (Bold) Dengan CSS
Meskipun memberi hasil tampilan yang sama, tag <b> dan <strong> mempunyai peran berbeda. Karena elemen atau tag HTML menyusun struktur dan konten, Anda perlu menggunakan sesuai spesifikasi HTML5. Tag <b> akan menampilkan teks tebal yang tidak dimaksudkan untuk memberi penekanan penting, sedangkan tag <strong> menampilkan teks tebal untuk menunjukkan informasi penting yang ada di laman web.
Baca artikel:
- Membuat Efek Coretan Teks (Strikethrough) Dengan HTML
- Memberi Style Bagian Tertentu Teks Menggunakan Elemen span HTML
Sekarang, sudah mulai ada pergeseran untuk tidak menggunakan elemen b atau tag <b>. Bila Anda bermaksud untuk memberi style tebal, Anda seharusnya menggunakan property CSS font-weight. Bila Anda bermaksud memberi penekanan pada informasi penting, Anda seharusnya menggunakan elemen strong atau tag <strong>. Berikut ini adalah contoh sederhana membuat teks tebal (bold) dengan HTML:
<!DOCTYPE html> <html> <head> </head> <body> <h2>Elemen b dan strong HTML.</h2> <p>Aplikasi pengolah kata (word processor) seperti OpenOffice.org Writer dan LibreOffice Writer bisa menjadi alternatif untuk <b>Microsoft Office Word</b>.</p> <p>Microsoft terus mendorong pengguna Windows beralih ke <strong>Microsoft Windows 10</strong> untuk mendapatkan sisi keamanan yang lebih baik dan fitur-fitur baru.</p> </body> </html>
Berikut ini hasil tampilan (rendering) di web browser Google Chrome:
