Blogger Jateng

Belajar Pemformatan Teks HTML dengan mudah

Sudah gak ada lagi kayaknya bagi para bloger bingung dengan kata HTML (HyperText Markup Language). Cuma mungkin masih banyak juga yang masih bingung cara menerapkannya dilapangan atau pada prakteknya langsung, termasuk saya juga masih bingung hehehe. 




Pemformatan Teks

This text is bold
This text is itali
This is subscript and superscript


Elemen Format HTML

Di bab sebelumnya, Anda belajar tentang atribut gaya HTML .
HTML juga mendefinisikan elemen - elemenkhusus untuk mendefinisikan teks dengan makna khusus .
HTML menggunakan elemen seperti <b>dan <i>untuk memformat output, seperti teks tebalatau miring .
Elemen pemformatan dirancang untuk menampilkan jenis teks khusus:
  • <b> - Teks tebal
  • <strong> - Teks penting
  • <i> - Teks miring
  • <em> - Teks yang ditekankan
  • <mark> - Teks yang ditandai
  • <small> - Teks kecil
  • <del> - Teks yang dihapus
  • <ins> - Teks yang dimasukkan
  • <sub> - Teks subskrip
  • <sup> - Teks superscript

HTML <b> dan <strong> Elemen

<b>Elemen HTML mendefinisikan teks tebal , tanpa arti penting tambahan.

Contoh

<b>This text is bold</b>
<strong>Elemen HTML mendefinisikan teks yang kuat , dengan menambahkan arti penting "kuat" semantik.

Contoh

<strong>This text is strong</strong>

<i>Elemen HTML mendefinisikan teks miring , tanpa arti penting tambahan.

Contoh

<i>This text is italic</i>
<em>Elemen HTML mendefinisikan teks yang ditekankan , dengan menambahkan arti penting semantik.

Contoh

<em>This text is emphasized</em>
Catatan: Browser ditampilkan <strong>sebagai <b>, dan <em>sebagai <i>Namun, ada perbedaan dalam arti tag ini: <b>dan <i>mendefinisikan teks tebal dan miring, tetapi <strong>dan <em>berarti bahwa teks itu "penting".

Elemen HTML <small>

<small>Elemen HTML mendefinisikan teks yang lebih kecil :

Contoh

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

Elemen HTML <mark>

<mark>Elemen HTML mendefinisikanditandaiatau disorot teks:

Contoh

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

Elemen HTML <del>

<del>Elemen HTML mendefinisikandihapus(dihapus) teks.

Contoh

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

Elemen HTML <ins>

<ins>Elemen HTML mendefinisikandimasukkan (ditambahkan) teks.

Contoh

<p>My favorite<ins>color</ins> is red.</p>

Elemen HTML <sub>

<sub>Elemen HTML mendefinisikan teks yang disubkripsikan .

Contoh

<p>This is <sub>subscripted</sub>text.</p>

Elemen HTML <sup>

<sup>Elemen HTML mendefinisikan teks superscript .

Contoh

<p>This is <sup>superscripted</sup>text.</p>
TagDescription
<b>Defines bold text
<em>Defines emphasized text 
<i>Defines italic text
<small>Defines smaller text
<strong>Defines important text
<sub>Defines subscripted text
<sup>Defines superscripted text
<ins>Defines inserted text
<del>Defines deleted text
<mark>Defines marked/highlighted text
Dengan memahami pemformatan HTML, Anda dapat membuat halaman web yang menarik dan mudah dibaca oleh pengunjung.