Cara Menebalkan Teks dengan Kode HTML untuk Pemula

Yusron Al Fajri
0

Pernah baca artikel terus teksnya kurus banget? Ya ampun, kayak belum sarapan seminggu! Kalau kamu nulis blog, jualan online, atau ngerjain tugas HTML dari dosen galak, menebalkan teks itu penting banget. Biar kelihatan mantep, berwibawa, dan eye-catching kayak tulisan promo “Diskon 90%!!!” di depan Indomaret.

Nah, tenang! Di artikel ini, kita bakal bahas tuntas cara menebalkan teks dengan kode HTML, pakai gaya santai tapi berfaedah. Jadi meski kamu gaptek, minimal setelah baca ini kamu bisa bilang ke temen: “Bro, aku udah bisa bold text pake HTML.”

Kenalan Dulu Sama Tag <b> dan <strong>

Di dunia HTML, ada dua jagoan buat menebalkan teks:

  • <b>: buat nebelin teks tanpa makna penting. Cuma biar kelihatan cetak tebal doang.

  • <strong>: buat nebelin teks yang penting banget. Kayak pas kamu mau nulis: "JANGAN DIBANTING, BARANG RAPUH!!!"

Contoh pemakaiannya:

html

<p><b>Ini teks tebal biasa</b></p> <p><strong>Ini teks tebal yang penting banget!</strong></p>

Gampang kan? Itu dia cara menebalkan teks dengan kode HTML yang paling standar.

Kapan Pakai <b>, Kapan Pakai <strong>?

Kamu pasti mikir, “Terus kapan dong aku pakai yang mana?”

Nah gini nih, bayangin kamu lagi nulis caption jualan:

  • Pakai <b> kalau mau nebelin harga:

    html

    <p>Harga cuma <b>Rp99.000</b> aja!</p>
  • Pakai <strong> kalau mau kasih info penting:

    html

    <p><strong>Gratis ongkir se-Indonesia!</strong></p>

Lihat bedanya? Satu buat gaya-gayaan, satu lagi buat hal yang harus dibaca serius.

Jadi, cara menebalkan teks dengan kode HTML ini nggak cuma soal tampilan doang, tapi juga soal niat hidup kamu sebagai penulis konten.

Salah Kaprah Netizen: Pakai CSS Buat Ngebold

Banyak netizen yang ngide, pakai CSS buat ngebold teks. Boleh sih, tapi agak ribet kalau cuma mau nebelin satu kata doang. Contohnya:

html

<span style="font-weight: bold;">Teks tebal pakai CSS</span>

Nah ini cocok kalau kamu mau styling yang lebih kompleks. Tapi kalau niat kamu cuma mau nunjukin bahwa "teks ini harus nebal karena lagi galak", pakai <strong> aja, bro.

Intinya, cara menebalkan teks dengan kode HTML paling simpel tetap si tag <b> dan <strong> tadi. CSS mah buat yang udah sarjana HTML.

Tips SEO: Tebalkan Kata Kunci, Tapi Jangan Kayak Orang Marah

Kalau kamu nulis buat blog SEO-an, menebalkan kata kunci bisa bantu mesin pencari ngerti mana yang penting. Tapi inget, jangan semua kata dikebukin pakai <strong>, nanti dikira artikel kamu lagi ngamuk.

Contoh yang baik:

html

<p><strong>cara menebalkan teks dengan kode HTML</strong> bisa kamu lakukan dengan mudah pakai tag sederhana.</p>

Kalau pengulangan kata kunci dilakukan dengan cinta dan nggak lebay, Google pun akan jatuh hati sama artikelmu. Jadi ulangi aja cara menebalkan teks dengan kode HTML sebanyak 5 kali. Tapi jangan 50 kali, nanti disangka nyepam.

Kesalahan Pemula: Ngetik Tag Tapi Lupa Tutup

Ini nih dosa pemula sejuta umat:

html

<p><b>Teks tebal tanpa penutup</p>

Hasilnya? Browser jadi galau. Teks kamu tebel semua sampai ke footer. Jangan sampe kejadian. Selalu tutup tag-nya kayak gini:

html

<p><b>Teks tebal yang bahagia</b></p>

Kalau kamu udah bisa cara menebalkan teks dengan kode HTML dengan benar, maka kamu resmi naik kasta jadi HTML warrior.

Tebalkan dengan Hati, Bukan Emosi

Nah bro, itu tadi tutorial receh tapi penting soal cara menebalkan teks dengan kode HTML. Ingat, tag <b> itu buat gaya-gayaan, tag <strong> itu buat hal penting. Jangan sampai kebalik, nanti yang penting malah keliatan kayak sambil ngelawak.

Semoga artikel ini bisa bantu kamu jadi jagoan coding minimal buat bagian tebal-menebalkan. Kalau ada yang bilang kamu cupu, tinggal jawab aja:

“Bro, gue udah ngerti cara menebalkan teks dengan kode HTML loh. Lu udah bisa belum?”

Kalau kamu suka gaya penulisan beginian, jangan lupa follow penulisnya: Yusron, si pahlawan HTML dari desa sebelah.

Tags

Posting Komentar

0 Komentar
* Please Don't Spam Here. All the Comments are Reviewed by Admin.
Posting Komentar (0)
Our website uses cookies to enhance your experience. Learn More
Accept !