tutorial pengembangan web terbaru

HTML Text Format Elements

Memformat teks

This text is bold

This text is italic

This is superscript

HTML Format Elements

Dalam bab sebelumnya, Anda belajar tentang styling HTML, menggunakan HTML style atribut.

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 italic teks.

Elemen format yang dirancang untuk menampilkan jenis khusus dari teks:

  • Teks tebal
  • teks penting
  • teks miring
  • teks menekankan
  • teks ditandai
  • teks kecil
  • teks yang dihapus
  • teks dimasukkan
  • subskrip
  • superskrip

HTML Bold dan Strong Formatting

HTML <b> elemen mendefinisikan bold teks, tanpa pentingnya ekstra.

Contoh

<p>This text is normal.</p>

<p><b>This text is bold</b>.</p>
Cobalah sendiri "

HTML <strong> elemen mendefinisikan teks yang kuat, dengan menambahkan semantik "strong" pentingnya.

Contoh

<p>This text is normal.</p>

<p><strong>This text is strong</strong>.</p>
Cobalah sendiri "

HTML Italic dan Ditekankan Formatting

HTML <i> elemen mendefinisikan teks miring, tanpa pentingnya ekstra.

Contoh

<p>This text is normal.</p>

<p><i>This text is italic</i>.</p>
Cobalah sendiri "

HTML <em> elemen mendefinisikan menekankan teks, dengan menambahkan semantik penting.

Contoh

<p>This text is normal.</p>

<p><em>This text is emphasized</em>.</p>
Cobalah sendiri "

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 bahwa teks adalah "important" .


HTML Format Kecil

HTML <small> elemen mendefinisikan teks kecil:

Contoh

<h2>HTML <small>Small</small> Formatting</h2>
Cobalah sendiri "

HTML jelas format

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

Contoh

<h2>HTML <mark>Marked</mark> Formatting</h2>
Cobalah sendiri "

HTML dihapus format

HTML <del> elemen mendefinisikan dihapus (removed) teks.

Contoh

<p>My favorite color is <del>blue</del> red.</p>
Cobalah sendiri "

HTML dimasukkan format

HTML <ins> elemen mendefinisikan dimasukkan (added) teks.

Contoh

<p>My favorite <ins>color</ins> is red.</p>
Cobalah sendiri "

HTML Subscript Formatting

HTML <sub> elemen mendefinisikan teks subscript.

Contoh

<p>This is <sub>subscripted</sub> text.</p>
Cobalah sendiri "

HTML Superscript Formatting

HTML <sup> elemen mendefinisikan teks superscripted.

Contoh

<p>This is <sup>superscripted</sup> text.</p>
Cobalah sendiri "

Uji Diri dengan Latihan!

Latihan 1 » Latihan 2» Latihan 3 » Latihan 4» Latihan 5 »


HTML Text Format Elements

Menandai Deskripsi
<b> Mendefinisikan teks tebal
<em> Mendefinisikan teks menekankan
<i> Mendefinisikan teks miring
<small> Mendefinisikan teks yang lebih kecil
<strong> Mendefinisikan teks penting
<sub> Mendefinisikan teks subscript
<sup> Mendefinisikan teks superscripted
<ins> Mendefinisikan teks yang disisipkan
<del> Mendefinisikan teks yang dihapus
<mark> Mendefinisikan ditandai / teks yang disorot