Formatting Teks di HTML

Text Formatting

Teks ini tebal
Teks ini italic/cetak miring
Ini adalah _subscript dan ^superscript

---

Elemen Formating di HTML

Pada pembahasan sebelumnya, kita sudah belajar tentang style atribut HTML.

HTML juga mendefinisikan elemen khusus untuk mendefinisikan teks dengan makna khusus.

HTML menggunakan unsur-unsur seperti <b> dan <i> untuk memformat output, seperti bold atau teks italic.

Elemen formatting yang dirancang untuk menampilkan tipe khusus dari teks:

• <b> - teks Bold / tebal
• <strong> - teks penting
• <i> - teks miring
• <em> - teks yang ditekankan
• <mark> - teks yang ditandai
• <small> - teks Kecil
• <del> - teks yang dihapus
• <ins> - Dimasukkan teks
• <sub> - teks Subscript
• <sup> - teks Superscript

---

Elemen HTML <b> dan <strong>

Elemen HTML <b> mendefinisikan teks tebal, tanpa kepentingan ekstra.

Contoh

<b>Ini Teks tebal</b>

Elemen HTML <strong> mendefinisikan teks yang kuat, dengan menambahkan semantik penting "strong".

Contoh

<strong>Ini adalah teks strong</strong>

Elemen HTML <i> dan <em>

Elemen HTML <i> mendefinisikan teks miring, tanpa kepentingan ekstra.
Contoh

<i>Teks ini italic</i>

Elemen HTML <em> mendefinisikan teks yang ditekankan, dengan menambahkan semantik penting.

Contoh

<em>ini adalah penekanan pada teks</em>

Catatan: Browser menampilkan <strong> sebagai <b>, dan <em> sebagai <i>. Namun, ada perbedaan dalam arti tag ini: <b> dan <i> mendefinisikan teks tebal dan miring, tapi <strong> dan <em> berarti menandakan bahwa teks tersebut "penting".

Elemen HTML <small>

Elemen HTML <small> mendefinisikan teks yang lebih kecil:
Contoh

<h2>Formatting <small>Small</small> HTML</h2>

Elemen HTML <mark>

Elemen HTML <mark> mendefinisikan yang ditandai atau teks yang disorot:
Contoh

<h2>Formatting HTML <mark>Marked</mark></h2>

Elemen HTML <del>

Elemen HTML <del> mendefinisikan teks yang
dihapus(dihilangkan).
Contoh

<p>Warna favorit saya adalah <del>biru</del> merah.</p>

Elemen HTML <ins>

Elemen HTML <ins> mendefinisikan teks yang
disisipkan(Ditambahkan).
Contoh

<p>Saya suka <ins>warna</ins> merah.</p>

Elemen HTML <sub>

Elemen HTML <sub> mendefinisikan teks _subscript.

Contoh

<p>Ini adalah teks <sub>subscripted</sub>.</p>

Elemen HTML <sup>

Elemen HTML <sup> mendefinisikan teks ^superscript.
Contoh

<p>Ini adalah teks <sup>superscript</sup>.</p>

Elemen HTML Format Teks

Tag	Deskripsi
<b>	Mendefinisikan teks tebal
<em>	Mendefinisikan teks yang ditekankan
<i>	Mendefinisikan teks italik / miring
<small>	Mendefinisikan teks yang lebih kecil
<strong>	Mendefinisikan teks yang penting
<sub>	Mendefinisikan teks subscript
<sup>	Mendefinisikan teks superscript
<ins>	Mendefinisikan teks yang disisipkan / dimasukkan
<del>	Mendefinisikan teks yang dihapus
<mark>	Mendefinisikan teks yang ditandai / disorot