Cara Membuat Tulisan Bold (Tebal) pada HTML

Cara buat tulisan bold pada html

Tutorial belajar HTML sekarang akan membahas cara membuat tulisan atau font menjadi tebal alias Bold. Penggunaan Bold biasa digunakan sebagai penegasan suatu kata atau kalimat.

Sama halnya dengan Ms.Office (dimana terdapat fitur Bold pada toolbar nya), HTML juga memiliki fitur untuk mencetak tulisan menjadi tebal. Artikel sebelumnya aku membahas tentang cara membuat teks miring pada HTML dan kali ini mari kita belajar cara membuat tulisan menjadi tebal pada HTML.

Cara Penggunaan HTML Bold

Untuk memberikan efek Bold pada sebuah kata atau kalimat, HTML memiliki elemen bernama <b></b> dan <strong></strong>. Kedua tag tersebut memiliki fungsi yang sama, yaitu sama-sama memberikan efek tebal pada teks. 

Kode HTML

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Tutorial HTML Bold</title>
</head>
<body>
	<b>Teks menjadi tebal (bold) dengan tag b</b>
	<br />
	<strong>Teks menjadi tebal (bold) dengan tag strong</strong>
</body>
</html>

Hasilnya akan seperti berikut: 

Teks menjadi tebal (Bold) dengan tag b
Teks menjadi tebal (Bold) dengan tag strong

Apabila kita menggunakan versi HTML5 pada halaman website, dianjurkan menggunakan tag <strong></strong> untuk memberikan  efek tulisan bold meskipun tag <b></b> masih tetap berjalan pada versi HTML ini.

Penggunaan pada Elemen Lain

Tag <strong> juga dapat digunakan pada elemen lainnya, seperti heading dan paragraf karena masih berbentuk teks. Namun, biasanya heading sudah memberikan efek bold pada tampilannya tanpa harus memasukan tag <strong> didalamnya karena sudah merupakan bawaan dari browser kecuali kita modifikasi font-weight pada heading di file CSS.

Kode HTML:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Tutorial HTML Bold</title>
</head>
<body>
	<h3>HTML BOLD TUTORIAL</h3>
	<p>Tutorial Belajar HTML <strong>BOLD</strong></p>
</body>
</html>

Simpan dan hasilnya akan terlihat seperti ini:

HTML BOLD TUTORIAL

Tutorial Belajar HTML bikin teks BOLD

Demikian tutorial HTML kali ini, mari kita belajar terus setiap hari dan semoga tutorial pada blog ini bermanfaat. 

Untuk kamu yang sedang ingin belajar bikin web dari notepad, aku membuat tutorial belajar html untuk pemula. Penjelasan disertai gambar dan kode html.

Kamu bisa membacanya disini yah: Belajar HTML Gampang Banget! – HTML Warrior #1.

Jangan lupa share yah!

Baca juga: 

Leave a Comment

Your email address will not be published. Required fields are marked *

Pin It on Pinterest

Shares
Scroll to Top