HTML Formatting

Pada bagian sebelumnya (Style pada HTML), kalian telah membaca tentang atribut style.
HTML juga memiliki elemen spesial yang dapat kalian gunakan untuk teks spesial.
HTML menggunakan elemen seperti <b> dan <i> untuk menampilkan Formatting, seperti Teks tebal (Bold), Teks miring (Italic), atau Teks garis bawah (Underline).

Elemen yang dapat kalian gunakan untuk Formatting adalah sebagai berikut:
  • <b> - Teks tebal (Bold)
  • <strong> - Teks penting (Sama seperti Bold)
  • <i> - Teks miring (Italic)
  • <em> - Teks Emphasized (Sama seperti Italic)
  • <mark> - Penanda teks
  • <small> - Teks kecil
  • <del> - Teks yang di hapus (Sama seperti Strikethrough)
  • <ins> - Memasukkan teks (Inserted)
  • <sub> - Teks Subscript (Teks kecil dibawah)
  • <sup> - Teks Superscript (Teks kecil diatas)

Elemen <b> dan <strong> pada HTML

Elemen <b> pada HTML dapat kalian gunakan untuk membuat teks tebal (Bold) tanpa arti penting.

Contoh

<b>Ini teks tebal</b>
See the Pen 28. HTML Formatting b by Yasya El Hakim (@elhakimyasya) on CodePen.

Elemen <strong> pada HTML dapat digunakan untuk membuat teks tebal sama seperti Bold, tetapi memiliki arti yang penting.

Contoh

<strong>Ini teks strong</strong>
See the Pen 29. HTML Formatting strong by Yasya El Hakim (@elhakimyasya) on CodePen.

Elemen <i> dan <em> pada HTML

Elemen <i> pada HTML dapat kalian gunakan untuk membuat teks miring (Italic), tanpa arti penting.

Contoh

<i>Ini teks miring</i>
See the Pen 30. HTML Formatting i by Yasya El Hakim (@elhakimyasya) on CodePen.

Elemen <em> pada HTML dapat kalian gunakan untuk membuat teks miring sama seperti Italic, tetapi memiliki arti penting.

Contoh

<em>Ini teks emphasized</em>
See the Pen 31. HTML Formatting em by Yasya El Hakim (@elhakimyasya) on CodePen.

Catatan: Browser akan menampilkan <strong> sama seperti <b>, dan <em> seperti <i>. Perbedaannya adalah <b> dan <i> hanyalah teks tebal dan miring, sedangkan <strong> dan <em> memiliki arti bahwa teks tersebut sangat penting.

Elemen <small> pada HTML

Elemen <small> pada HTML dapat kalian gunakan untuk membuat teks menjadi kecil.

Contoh

<h2>Formatting dengan teks <small>Kecil</small></h2>
See the Pen 32. HTML Formatting small by Yasya El Hakim (@elhakimyasya) on CodePen.

Elemen <mark> pada HTML

Elemen <mark> pada HTML dapat kalian gunakan untuk menandai (Highlight) teks.

Contoh

<h2>Formatting dengan teks <mark>Penanda (Highlight)</mark></h2>
See the Pen 33. HTML Formatting mark by Yasya El Hakim (@elhakimyasya) on CodePen.

Elemen <del> pada HTML

Elemen <del> pada HTML dapat kalian gunakan untuk menghapus/mengilangkan teks.

Contoh

<p>Aku cinta <del>kamu</del> dia.</p>
See the Pen 34. HTML Formatting del by Yasya El Hakim (@elhakimyasya) on CodePen.

Elemen <ins> pada HTML

Elemen <ins> pada HTML dapat kalian gunakan untuk memasukkan/menambahkan teks.

Contoh

<p>Aku <ins>cinta</ins> kamu.</p>
See the Pen 35. HTML Formatting ins by Yasya El Hakim (@elhakimyasya) on CodePen.

Elemen <sub> pada HTML

Elemen <sub> pada HTML dapat kalian gunakan untuk membuat teks Subscript.

Contoh

<p>Ini teks <sub>subscript</sub>.</p>
See the Pen 36. HTML Formatting sub by Yasya El Hakim (@elhakimyasya) on CodePen.

Elemen <sup> pada HTML

Elemen <sup> pada HTML dapat kalian gunakan untuk membuat teks Superscript.

Contoh

<p>Ini teks <sub>superscript</sub>.</p>
See the Pen 37. HTML Formatting sup by Yasya El Hakim (@elhakimyasya) on CodePen.

Sebelumnya: Tutorial Lengkap HTML: Style pada HTML - Bagian 8
Selanjutnya: Tutorial Lengkap HTML: Kutipan (Quotation) pada HTML - Bagian 10
Daftar Isi: Tutorial Lengkap HTML

Sumber: https://www.w3schools.com/

Tulis Komentar

0 Komentar