Halo teman-teman semua! Selamat datang kembali di tutorial seri HTML. Kita akan belajar bersama, tentang bagaimana cara membuat teks di HTML atau pada halaman website. Ada beberapa jenis teks yang dapat kita buat dengan HTML. Seperti teks tebal, teks miring, teks tercoret, dan lain-lain. Langsung saja masuk ke pembahasan dan jangan lupa siapkan teks editor teman-teman untuk mempraktekkanya. Atau bisa juga menggunakan teks editor online disini.

Teks Tebal

Ada dua tag HTML yang bisa teman-teman gunakan untuk membuat teks tebal. yaitu:

<b>ini teks tebal</b>
<strong>ini juga teks tebal</strong>

Tag <b> (bold) dan <strong> adalah dua tag yang berfungsi untuk membuat suatu teks menjadi tebal.

Teks Paragraf

Membuat paragraf adalah hal penting pada saat membuat teks. Sama halnya dengan saat membuat paragraf, maka teks akan berganti baris ke bawah. Kita dapat menggunakan tag <p> untuk membuat paragraf di HTML.

Contoh:

<p>
    <b>halo semuanya!</b>
</p>
<p>
    <strong>Hallo!</strong>
</p>

Bisa dilihat dari hasil contoh pertama (teks tebal), teks terlihat berjejer tanpa membuat baris baru. Sedangkan pada hasil contoh diatas (teks paragraf), teks akan membuat baris baru dan ini adalah penggunaan yang baik.

Teks Miring

Untuk membuat tulisan miring seperti ini, kita dapat menggunakan tag <i> (italic).

Contoh:

<i>seperti ini</i>

Teks Tercoret

Untuk membuat tulisan tercoret seperti ini, kita dapat menggunakan tag <s> dan <del>.

Contoh:

<p>
    <s>teks ini tercoret</s>
</p>
<p>
    <del>teks ini juga tercoret</del>
</p>

Teks Bergaris Bawah

Untuk membuat tulisan bergaris bawah (underline) seperti ini, kita dapat menggunakan tag <u>.

Contoh:

<u>teks ini bergaris bawah</u>

Teks Kecil

Untuk membuat tulisan menjadi lebih kecil seperti ini, kita dapat menggunakan tag <small>.

Contoh:

<p>Teks biasa</p>
<p>
    <small>Teks lebih kecil</small>
</p>

Mengkombinasi

Kita juga dapat mengkombinasi antar tag, jika suatu saat kita ingin membuat teks miring dan bercetak tebal atau lainnya.

Contoh:

<p>
    <b><i>teks ini bercetak tebal dan miring</i></b>
</p>
<p>
    <i><u>teks ini miring dan bergaris bawah</u></i>
</p>

Apa Selanjutnya?

Nah itu dia beberapa tag yang dapat membantu kita dalam pembuatan teks di HTML. Selanjutnya, kita akan belajar mengenai Heading pada HTML.