Cara Menulis Teks HTML Lengkap dengan Contoh Hasil, Kode, dan Tombol Copy
Panduan lengkap format teks HTML seperti **bold, italic, underline, warna, background, highlight, ukuran font, font-family**, hingga **tombol Copy Code otomatis**. Versi ini **SEO optimal**, **dark mode**, dan **super responsif mobile friendly**.
1. Cara Membuat Teks Bold (Tebal)
Hasil Tampilan:
Teks tebal
Teks tebal menggunakan strong
Teks tebal menggunakan strong
Kode:
<b>Teks tebal</b>
<strong>Teks tebal menggunakan strong</strong>
2. Cara Membuat Teks Miring (Italic)
Hasil Tampilan:
Teks miring
Teks miring menggunakan em
Teks miring menggunakan em
Kode:
<i>Teks miring</i>
<em>Teks miring menggunakan em</em>3. Cara Membuat Teks Garis Bawah (Underline)
Hasil Tampilan:
Teks underline
Kode:
<u>Teks underline</u>4. Cara Membuat Teks Tercoret (Strikethrough)
Hasil Tampilan:
Kode:
<s>Teks tercoret</s>5. Cara Membuat Teks Berwarna
Hasil Tampilan:
Teks merah
Teks biru muda
Teks biru muda
Kode:
<span style="color:red;">Teks merah</span>
<span style="color:#0099ff;">Teks biru muda</span>6. Membuat Background Warna Pada Teks
Hasil Tampilan:
Background kuning
Background hijau muda
Background hijau muda
Kode:
<span style="background:yellow;">Background kuning</span>
<span style="background:#00ffcc;">Background hijau muda</span>7. Kombinasi Teks (Bold + Warna + Background)
Hasil Tampilan:
Contoh kombinasi lengkap
Kode:
<span style="font-weight:bold; color:#fff; background:#ff6600; padding:4px 8px; border-radius:4px;">
Contoh kombinasi lengkap
</span>8. Mengubah Ukuran Font (Font Size)
Hasil Tampilan:
Teks 28px
Teks 14px
Teks 14px
Kode:
<span style="font-size:28px;">Teks 28px</span>
<span style="font-size:14px;">Teks 14px</span>9. Mengubah Jenis Font (Font Family)
Hasil Tampilan:
Font Courier
Font Times New Roman
Font Times New Roman
Kode:
<span style="font-family:Courier;">Font Courier</span>
<span style="font-family:'Times New Roman';">Font Times New Roman</span>10. Menengahkan Teks (Text Align Center)
Hasil Tampilan:
Teks berada di tengah
Kode:
<p style="text-align:center;">Teks berada di tengah</p>11. Highlight Teks (Mirip Stabilo)
Hasil Tampilan:
Teks highlight
Kode:
<mark>Teks highlight</mark>12. Artikel Tambahan: Kombinasi Paling Sering Dipakai
Hasil Tampilan:
Teks Kombinasi Populer
Kode:
<span style="font-size:18px; font-weight:bold; color:#fff; background:#0066ff; padding:5px 10px; border-radius:6px;">
Teks Kombinasi Populer
</span>Kesimpulan
Dengan HTML, kita bisa membuat teks lebih menarik dengan berbagai kombinasi gaya. Versi ini sudah **full responsif mobile**, **dark mode otomatis**, **SEO**, dan **tombol Copy** yang sangat ringan sehingga cocok untuk Blogspot.
Komentar untuk Kode script penulisan Teks HTML Lengkap dengan Contoh Hasil