Elemen HTML Format Teks

Teks Format

Teks Ini tercetak Tebal/bold

Teks ini tercetak Miring/italic

Ini adalah Teks superscript

---

Elemen HTML Format

Pada Tutorial sebelumnya, Anda belajar tentang styling HTML, menggunakan atribut style HTML.

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

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

Elemen format yang dirancang untuk menampilkan jenis khusus dari teks:

• teks tebal
• teks penting
• teks miring
• teks penekanan
• teks penanda
• teks kecil
• teks yang dihapus
• teks dimasukkan
• subscript
• superscripts

---

Format HTML Tebal dan Kuat (Bold dan Strong)

Elemen HTML <b> digunakan untuk mendefinisikan teks tebal, tanpa  ada tambahan apapun.

Contoh:

<p>Ini adalah teks normal.</p>

<p><b>Ini adalah teks Tebal</b>.</p>

Elemen HTML <strong> digunakan untuk mendefinisikan teks kuat, dengan menambahkan semantik/pengertian "kuat".

Contoh:

<p>Ini adalah Teks normal.</p>

<p><strong>Ini adalah teks strong</strong>.</p>

---

Format HTML Miring dan Ditekankan 

Elemen HTML <i> mendefinisikan teks miring, tanpa tambahan pengertian apapun.

Contoh:

<p>Ini adalah Teks normal.</p>

<p><i>Ini  adalah teks italic</i>.</p>

Elemen HTML <em> mendefinisikan teks penekanan, dengan menambahkan semantik/pengertian penting.

Contoh:

<p>Ini adalah teks normal.</p>

<p><em>Ini adalah teks emphasized</em>.</p>

Browser menampilkan <strong> sama dengan <b>, dan <em> sama dengan <i>.
Namun, ada perbedaan dalam arti tag ini: <b> dan <i> mendefinisikan teks tebal dan miring,

tetapi <strong> dan <em> berarti bahwa teks itu adalah "penting".

---

Format HTML Small

Elemen HTML <small> mendefinisikan teks kecil:

Contoh:

<h2>Format HTML <small>kecil</small> </h2>

---

Format HTML Penanda (Marked)

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

Contoh:

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

---

Format HTML dihapus

Elemen HTML <del> mendefinisikan teks yang dihapus (di-strip).

Contoh:

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

---

Format HTML Inserted

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

Contoh:

<p>Favorit saya <ins>warna</ins> adalah merah.</p>

---

Format _Subscript HTML

Elemen HTML <sub> mendefinisikan teks subscript.

Contoh:

<p>Ini adalah teks _subscripted.</p>

---

Format ^Superscipt HTML

Elemen HTML <sup> mendefinisikan teks superscript.

Contoh:

<p>Ini adalah teks ^{superscripted}.</p>

---

Elemen HTML Format Teks

Tag	Deskripsi
<b>	Digunakan untuk teks tebal
<em>	Digunakan untuk teks emphasized
<i>	Digunakan untuk teks Miring
<small>	Digunakan untuk teks yang lebih kecil
<strong>	Digunakan untuk teks penting
<sub>	Digunakan untuk teks subscripted
<sup>	Digunakan untuk teks superscripted
<ins>	Digunakan untuk teks yang disisipkan
<del>	Digunakan untuk teks yang dicoret
<mark>	Digunakan untuk teks yang ditandai/teks yang disorot

Share this

Indra Susanto