Text Formatting dalam HTML

Bold

• Bold berarti membuat teks menjadi tebal
• Bold dalam HTML menggunakan tag <b>
• Teks yang berada diantara tag <b> dan </b> akan menjadi tebal

Contoh Penggunaan:

<p><b>Ini adalah teks bold</b></p>
<p>Ini adalah teks normal</p>

Output Dalam Web Browser:

Strong

• Sama seperti bold, strong membuat teks menjadi tebal. Perbedaannya yaitu, strong mengindikasikan bahwa teks tersebut sangat penting dan strong juga memberikan penekanan semantik
• Strong dalam HTML menggunakan tag <strong>

Contoh Penggunaan:

<p><strong>Ini adalah teks penting</strong></p>
<p>Ini adalah teks normal</p>

Output Dalam Web Browser:

Italic

• Italic berarti membuat teks menjadi miring
• Italic dalam HTML menggunakan tag <i>
• Teks yang berada diantara tag <i> dan </i> akan menjadi miring

Contoh Penggunaan:

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

Output Dalam Web Browser:

Emphasis

• Sama seperti italic, emphasis akan membuat teks menjadi miring. Tetapi, emphasis lebih mendefinisikan teks yang ditekankan
• Emphasis dalam HTML menggunakan tag <em>

Contoh Penggunaan:

<p><em>Ini adalah teks yang ditekankan</em></p>
<p>Ini adalah teks normal</p>

Output Dalam Web Browser:

Underline

• Underline berarti membuat teks bergaris bawah
• Underline dalam HTML menggunakan tag <u>
• Teks yang berada diantara tag <u> dan </u> akan bergaris bawah

Contoh Penggunaan:

<p><u>Ini adalah teks underline</u></p>
<p>Ini adalah teks normal</p>

Output Dalam Web Browser:

Subscript

• Subscript akan membuat teks terlihat kecil dibawah
• Subscript dalam HTML menggunakan tag <sub>
• Teks yang berada diantara tag _dan akan menjadi subskrip

Contoh Penggunaan:

<p>Ini adalah teks <sub>subscript</sub></p>
<p>Ini adalah teks normal</p>

Output Dalam Web Browser:

Superscript

• Superscript akan membuat teks terlihat kecil diatas huruf
• Superscript dalam HTML menggunakan tag <sup>
• Teks yang berada diantara tag ^dan akan menjadi superskrip

Contoh Penggunaan:

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

Output Dalam Web Browser:

Marked

• Marked akan membuat teks menjadi highlight berwarna
• Marked dalam HTML menggunakan tag <mark>
• Teks yang berada diantara tag <mark> dan </mark> akan menjadi hightlight

Contoh Penggunaan:

<p>Ini adalah teks yang <mark>disorot</mark></p>
<p>Ini adalah teks normal</p>

Output Dalam Web Browser:

Strikethrough

• Strikethrough akan membuat teks menjadi dicoret dengan garis horizontal ditengah teks
• Strikethrough dalam HTML menggunakan tag <s>
• Teks yang berada diantara tag <s> dan </s> akan tercoret

Contoh Penggunaan:

<p><s>Ini adalah teks yang dicoret</s></p>
<p>Ini adalah teks normal</p>

Output Dalam Web Browser:

Small

• Small akan membuat ukuran teks menjadi lebih kecil dari ukuran normal
• Small dalam HTML menggunakan tag <small>
• Teks yang berada diantara tag <small> dan </small> akan menjadi lebih kecil

Contoh Penggunaan:

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

Output Dalam Web Browser: