Text Formatting pada HTML
Pada artikel sebelumnya kita telah membahas dasar-dasar pada HTML. Selanjutnya kita akan membahas format teks HTML. Format teks pada HTML meliputi banyak sekali tag yang akan dipelajari. Sebelum kita mulai, untuk kalian yang mencari software untuk coding, saya sarankan pakai Sublime Text. Apa-apa saja yang akan kita pelajari? Berikut artikelnya :
Format Teks Heading
Dalam sebuah website, pastinya terdapat heading dan subheading. Perbedaan keduanya terletak pada ukuran dan tingkat ketebalan teksnya. Heading umumnya menggunakan ukuran font yang lebih besar dan juga tebal. Sementara subheading cenderung lebih kecil dari Heading.
Seperti gambar di atas, semakin besar angka maka semakin kecil heading yang dihasilkan juga berbeda pula tingkat ketebalannya. Umumnya Heading 1 digunakan untuk Judul sementara lainnya untuk subjudul. Berikut formatnya :
Membuat Gaya pada Teks
Selain heading, banyak format yang digunakan pada HTML. Seperti halnya membuat teks menjadi Tebal, Miring, Bergaris Bawah dan ada banyak lagi. Format-format tersebut akan menjadikan teks lebih bergaya dan juga memudahkan kita untuk menandai suatu teks agar terlihat lebih menonjol. Contoh beberapa tag yang sering digunakan dalam HTML beserta codenya :
| No | Tag | Fungsi |
| 1 | <b>…</b> | Mempertebal teks |
| 2 | <i>…</i> | Membuat teks miring |
| 3 | <u>…</u> | Teks bergaris bawah |
| 4 | <br> | Break Space/ Semacam enter |
| 5 | <pre>…</pre> | Menampilkan teks sesuai format code |
| 6 | <strong>…</strong> | Teks lebih tebal dan kuat |
| 7 | <mark>…</mark> | Menandai teks (Highlighter) |
| 8 | <sub>…</sub> | Pangkat bawah |
| 9 | <sup>…</sup> | Pangkat atas |
Selain tag-tag di atas, masih banyak lagi format yang digunakan pada html. Tag-tag di atas hanya sebagian contoh kecil yang sering digunakan.
Membuat Sebuah Paragraf
Setelah heading, subheading, dan beberapa format di atas, tak jarang juga kita membuat sebuah paragraf di website kita. Format yang satu bisa kita gunakan dengan tag <p>…</p>. Kita juga bisa menggunakan kombinasi tag-tag diatas untuk membuat sebuah teks yang padu dan bervariasi tentunya. Berikut ini merupakan contoh dari pengaplikasian dari gabungan semua format yang telah kita pelajari :
Gimana? Unik bukan? kalian juga bisa membuat sesuai kreativitas kalian sendiri dan tentunya lebih baik lagi. Semua itu akan mudah asal kita mau berusaha. Baiklah, demikian artikel pembahasan kita kali ini selanjutnya, kita bahas apa ya? Hehe, nantikan terus ya!. Sampai jumpa di artikel berikutnya!