Entitas Karakter HTML

Setelah sebelumnya kita sudah belajar tentang Atribut HTML, sekarang kita akan belajar cara menampilkan karakter khusus dalam HTML dengen entitas karakter HTML.

Beberapa karakter khusus seperti karakter <, punya arti khusus dalam HTML (sebagai tanda tag HTML), karena itu sobat tidak akan bisa menggunakannya sebagai teks dalam arti dituliskan langsung sebagai < dalam kode HTML sobat. Untuk menampilkan tanda lebih kecil (<) dalam HTML, sobat perlu belajar tentang Entitas Karakter HTML.


ENTITAS KARAKTER

Beberapa karakter memiliki arti khusus dalam HTML, seperti tanda lebih kecil (<) yang mendefinisikan awal dari sebuah tag HTML. Kalau kita ingin agar browser menampilkan tanda lebih kecil itu (<), kita harus menyisipkan entitas karakter dalam kode HTML kita. Entitas karakter memiliki 3 komponen: sebuah tanda dan (&), nama entitas atau sebuah # yang diikuti nomor entitas dan diakhiri dengan tanda titik koma (;). Untuk menampilkan tanda lebih kecil dalam halaman HTML kita, maka kita harus menuliskan : < atau < Keuntungan menggunakan nama dibandingkan nomor adalah bahwa nama lebih mudah untuk diingat. Kekurangannya adalah bahwa tidak semua browser mendukung nama-nama entitas yang baru, namun demikian hampir semua browser mendukung nama entitas standar. Catatan: entitas bersifat case sensitif.

SPASI BERURUTAN

Entitas karakter yang mungkin akan paling sering sobat pakai adalah spasi.

HTML akan menghilangkan spasi dalam teks HTML sobat. Kalau sobat menuliskan 10 spasi pada kode HTML sobat, maka HTML akan menghapus 9 spasi. Nah, untuk menambahkan spasi pada dokumen HTML sobat, gunakan entitas karakter &nbsp;

Beberapa entitas karakter yang sering dipakai:

Hasil	Penjelasan	Nama Entitas	Nomor Entitas
	Spasi	 	 
<	Kurang dari	&lt;	&#60;
>	Lebih dari	&gt;	&#62;
“	Tanda kutip	&quot;	&#34;
‘	Kutip tunggal	&apos; (Ndak berlaku di IE)	&#39;
&	Dan	&amp;	&#38;

Contoh :
Misalnya sobat pengen baris berikut tampil di tutorial sobat (perhatikan, sobat ingin agar tag <b> dan </b> muncul dalam baris tersebut).

Misalnya sobat pengen baris berikut tampil di website sobat
(perhatikan, sobat ingin agar tag <b> dan </b> muncul dalam baris tersebut).
Untuk menebalkan huruf seperti kata tebal ini, sobat memerlukan tag <b> dan </b>

Nah, bagaimana menuliskan baris sederhana ini tanpa entitas karakter. Ndak bisa kan? Misalnya sobat pengen menulis seperti ini :

Untuk menebalkan huruf seperti kata <b>tebal</b> ini,

kamu memerlukan tag <b> dan </b>

Apa yang terjadi? Browser akan menampilkan kalimat berikut:

Apa bedanya? Yap, tag <b> dan </b> tidak muncul, sebagai gantinya, kata "dan" akan tampil dalam huruf tebal.
Untuk membuat agar tag <b> dan </b> dapat muncul, sobat memerlukan entitas karakter, sehingga sobat harus menuliskan kode HTML menjadi seperti ini:

Untuk menebalkan huruf seperti kata <b>tebal</b> ini,

kamu memerlukan tag <b> dan </b>

Maka akan tampil seperti ini :

Perhatikan, tanda < saya ganti dengan entitas karakter &lt; sedangkan tanda > saya ganti dengan &gt;

Terus gimana donx cara kita menampilkan &gt; biar yang keluar bukan >.
Mudah aja, kita bisa gunakan &amp di depannya untuk meng-escape tanda & sehingga sobat bisa tulis seperti ini &amp; &gt; (tanpa spasi di antara &amp; dan &gt;. Saya terpaksa menuliskan menggunakan spasi, karena tidak mungkin saya tuliskan tanpa spasi.)

Gampang yah!! Yupz, mudah-mudahan contoh ini bisa meningkatkan pemahaman sobat tentang apa yang dimaksud dengan entitas karakter ini.
Nah, sobat udah belajar HTML cukup jauh saat ini. So, jangan lupa kembali lagi ke WUS24™