Cara Penulisan Teks HTML Dengan Berbagai Kondisi (Lengkap)
Di dalam HTML, kita bisa membuat teks menjadi tebal, miring, berwarna, memiliki background warna, garis bawah, teks tercoret, font tertentu, sampai ukuran teks yang berbeda. Semua contoh di bawah ini bisa langsung Anda gunakan untuk Blogspot.
1. Membuat Teks Bold / Tebal
Contoh hasil: Teks ini tebal
Kode:<b>Teks ini tebal</b>
<strong>Teks ini juga tebal</strong>2. Membuat Teks Miring / Italic
Contoh hasil: Teks miring
Kode:<i>Teks miring</i>
<em>Teks miring juga</em>3. Membuat Teks Garis Bawah / Underline
Contoh hasil: Teks bergaris bawah
Kode:<u>Teks bergaris bawah</u>4. Membuat Teks Tercoret / Strikethrough
Contoh hasil: Teks tercoret
<s>Teks tercoret</s>5. Membuat Teks Berwarna
Contoh: Teks merah
Kode:<span style="color:red;">Teks merah</span>Anda bisa ganti warna: blue, green, pink, orange, atau pakai kode HEX:
<span style="color:#ff6600;">Teks oranye</span>6. Membuat Teks Dengan Background Warna
Contoh: Background kuning
Kode:<span style="background:yellow;">Background kuning</span><span style="background:#00ffcc;">Background hijau muda</span>7. Membuat Teks Berwarna + Background Sekaligus
Contoh teks putih dengan background hitam
Kode:<span style="color:white; background:black; padding:2px 4px;">
Teks putih dengan background hitam
</span>8. Mengubah Ukuran Teks
Teks besar
Kode:<span style="font-size:24px;">Teks besar</span>9. Mengubah Jenis Font
Contoh: Font Courier
Kode:<span style="font-family:Courier;">Contoh font Courier</span><span style="font-family:'Times New Roman';">Font Times</span>10. Membuat Teks Pusat / Tengah
Contoh teks di tengah
Kode:<p style="text-align:center;">Teks di tengah</p>11. Mengkombinasikan Semua (Bold + Warna + Background)
Teks kombinasi lengkap
Kode:<span style="font-weight:bold; color:#fff; background:#007bff; padding:3px 6px; border-radius:4px;">
Teks kombinasi lengkap
</span>12. Menambahkan Highlight Teks (Seperti Stabilo)
Contoh teks stabilo kuning
Kode:<mark>Contoh teks stabilo</mark>Kesimpulan
Di HTML, untuk mengatur teks sangat mudah. Anda bisa membuat bold, miring, warna, background, stabilo, ukuran, atau jenis font hanya dengan tag HTML dan sedikit CSS. Semua contoh di atas dapat dicampur dan disesuaikan sesuai kebutuhan.
Lihat kode script
✍️:
Posting Komentar