Ads by Yasya El Hakim
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/

0Komentar

Sebelumnya Selanjutnya