HTML Format

Format dalam HTML ditujukan untuk menampilkan tipe teks yang ditampilkan secara spesial.

Format <b> dan <strong>

Format <b> dan <strong> menampilkan teks secara tebal. Tetapi kedua elemen memiliki tujuan berbeda.
<b> dimaksudkan untuk menampilkan teks tebal.
<strong> dimaksudkan untuk menampilkan teks penting.

Contoh:

<p>Hai, ini teks <b>tebal</b></p>
<p>Hai, ini teks <strong>penting</strong></p>

Penting: kamu tidak harus memformat semua teks tebal dengan <b> atau <strong>. Kamu bisa menggunakan style properti font-weight yang diikuti dengan nilai 100, 200, 300 hingga 900 atau (normal, bold, bolder, lighter, initial atau inherit).

Format <i> dan <em>

Format <i> dan <em> akan menampilkan teks dengan gaya italic/miring. Sama seperti format tebal sebelumnya, format ini juga memiliki tujuan yang berbeda.
<i> secara umum dimaksudkan untuk percakapan atau menggambarkan mod atau perasaan.
<em> secara umum dimaksudkan untuk menekan kata atau emphasis.

Contoh:

<p>Hai, ini teks <i>miring</i></p>
<p>Hai, ini teks <em>emphasis</em></p>

Penting: penggunaan elemen <i> sekarang banyak digunakan sebagai icon.
Contoh:
1. Fontawesome
2. Google Material Design

Elemen <small>

Format <small> untuk menampilkan ukuran teks yang lebih kecil.

Contoh:

<p>Hai ini teks <small>kecil</small></p>

Elemen <mark>

Elemen <mark> biasanya digunakan untuk membuat cuplikan teks atau menandai teks.

Contoh:

<p>Hai ini adalah teks <mark>cuplikan</mark></p>

Elemen <u> dan <ins>

Elemen <u> dan <ins> menampilkan teks dengan garis bawah, tetapi kedua elemen punya tujuan berbeda.
Elemen <u> digunakan untuk memberi tanda garis bawah secara umum.
Elemen <ins> digunakan untuk memberi tanda teks yang telah disisipkan.

Contoh:

<p>Hai ini teks <u>garis bawah</u></p>
<p>Hai ini teks <ins>sisipan</ins></p>

Elemen <s> dan <del>

Elemen <s> dan <del> menampilkan teks dengan garis tengah, tetapi kedua elemen ini juga berbeda.
Elemen <s> digunakan untuk membuat garis tengah pada teks secara umum.
Elemen <del> digunakan untuk memberi tanda bawah teks dihapus.

Contoh:

<p>Hai ini teks <s>garis tengah</s></p>
<p>Hai ini teks <del>dihapus</del></p>

Elemen <sub> dan <sup>

Elemen <sub> dan <sup> menampikan teks yang berbeda dari teks umumnya.
Elemen <sub> (Subscript) digunakan untuk menuliskan teks lebih dibawah garis tulis.
Elemen <sup> (Superscript) digunakan untuk menuliskan teks lebih diatas garis tulis.

Contoh:

<p>Hai ini teks <sub>subscript</sub> dan <sup>superscript</sup></p>