Entitas Karakter HTML


Entitas karakter HTML.

Beberapa karakter mempunyai arti khusus dalam HTML, seperti karakter < yang di artikan sebagai tanda awal dari tag HTML, nah karena itu kamu tidak bisa menampilkan langsung pada browser tanda lebih kecil tersebut <, karena browser kamu akan menganggap <(kurang dari) ini bagian dari tag HTML.

Nah untuk menampilkannya tanda lebih kecil (<) dalam browser, kamu harus menggunakan Entitas karakter HTML yang berfungsi untuk menggantikan penulisan beberapa kharakter agar bisa terlihat ke browser.

Dalam entisitas kharakter terbagi atas 3 komponen, yaitu:
1. Sebuah tanda dan (&),
2. nama entitas atau sebuah # yang di ikuti oleh nomor kode entitas
3. di akhiri oleh tanda titik koma (;)

Jadi dalam entitas kharakter HTML ini ada dua alternative dalam penulisannya. Yaitu dengan nama entitas atau sebuah kode nomor. Tapi disarankan memakai nama entitas saja, karna lebih gampang untuk diingat.

Untuk menampilkan tanda lebih kecil (<) dalam browser, kamu harus menggantinya dengan &gt; atau dengan &#60;.

- Spasi Berurutan

Browser kamu selalu memotong spasi pada halaman HTML. Gini, jika kamu menulis 10 spasi dalam teks kamu, browser akan menghapus 9 dari spasi tersebut ketika di tampilkan ke browser. Nah disini entitas karakter HTML berperan juga nih untuk memenampilkannya.
Di bawah ini adalah karakter entitas yang sering di gunakan.

Karakter Nama Entitas Nomor Entitas
® (registered) &reg; &#174;
© (Copyright) &copy; &#169;
™ (Trademark) - &#8482
(non breaking space) &nbsp; &#161;
& (ampersand) &amp; &#38;
« (angle quotation mark left) &laquo; &#171;
» (angle quotation mark right) &raquo; &#187;
" (tanda kutip) &quot; &#34;
< (lebih kecil) &lt; &#60;
> (lebih besar) &gt; &#61;
× (tanda kali) &times; &#215;


Ok, sekarang kita coba contohnya ya.

Misalnya kamu membuat di bawah ini di dokumen HTML kamu
<i>Belajar HTML </i>

Yang terlihat di browser adalah: Belajar HTML

Ok begini caranya agar bisa terlihat di browser kamu menjadi <i>Belajar HTML </i>

Kamu perlu mengubah kharakter dengan kode yang berada di table atas, jadi penulisannya jadi : &lt;i&gt;Belajar HTML &lt;/i&gt;

Setelah itu, bagaimana jika ingin menulis &lt;i&gt;Belajar HTML &lt;/i&gt; agar bisa terlihat di browser?? Ok, pertanyaan yang bagus.

Jadi caranya adalah dengan mengganti karakter dan (&) dengan &amp;

Penulisannya: &amp;_lt;i&amp;_gt;Belajar HTML &amp;_lt;/i&amp;_gt;

Catatan: under scorenya dibuang saja. Karna saya tidak akan bisa menuliskannya jika di gabung.
Semoga penjelasan Belajar HTML di www.libas–habis.blogspot.com ini bermanfaat nih bagi teman-teman pembaca.

Nah untuk melanjutkan pembelajaran silahkan klik next untuk melakukan pembelajaran ke tahap selanjutnya.




Tidak ada komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...