Belajar HTML – Formatting Pada Text

1 min read

Membuat format Text pada text

Matamu.NET – Pembuatan paragraf (text) di HTML hampir sama aturan membuat paragraf dalam penulisan buku. Kita membutuhkan format text yang berbeda untuk menunjukkan tanda-tanda dalam tulisan.

Misalkan untuk menulis istilah yang masih dalam bahasa asing, maka istilah tersebut ditulis miring. Tulisan miring ini yang disebut sebagai format text italic.

Seperti text dibawah ini :

Ini adalah penulisan dengan text polos dimana semua huruf dalam paragraf ini dibuat seragam dan biasa saja. Hal ini tentu saja membatasi kerja kita dengan HTML.Ini adalah text dengan format yang lebih banyak yang dirancang sesuai kebutuhan seperti italic, bold, dan underline. Tujuannya agar lebih informatif

Formating text di HTML dilakukan dengan menggunakan fasilitas tag format. Syntax-nya sebagai berikut : <tagformat> kata kata </tagformat>

Tag Format TextHasil yang ditunjukkan
<b>bold</b>Bold
<i>italic</i>italic
<u>underline</u>underline
<strong>Strong</strong>Strong
A<sup>Supscripe</sup>ASupscripe
A<sub>Subscripe</sub>ASubscripe
<del>Tercoret</del>Tercoret
<mark>Mark stabilo</mark>Mark stabilo
<pre>praformat seperti code</pre>
praformat seperti code

Sintaks untuk penggunaan Format Text lebih dari satu dilakukan dengan aturan nested tapi tidak memperdulikan order-nya seperti :

<b><i><u>bold, italic dan uderline</u></i></b>bold, italic dan uderline
<u><b><i>bold, italic dan uderline</i></b></u>bold, italic dan uderline

Catatan :

Dalam beberapa kasus, Format text mungkin saja menunjukkan hal yang sama dari segi visualisasi seperti

Tag Format TextHasil yang ditunjukkan
<b>bold</b>Bold
<strong>Strong</strong>Strong
<i>Italic</i>italic
<em>empashis</em>empashis

Meskipun secara visual beda, search enggine yang membaca struktur document HTML dari setiap postingan akan mengenali perbedaan dari masing-masing text formatting.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan.