dasar html (5) : Pengenalan Entitas HTML

Wokey, sebelumnya kita sudah belajar mengenai dasar html dari struktur hingga tag html beserta atributnya…
kini kita akan sedikit mempelajari mengenai entitas karakter HTML.

Apa itu Entitas karakter HTML?
Entitas Karakter HTML adalah karakter yang memiliki arti yang penting dalam sebuah pengembangan HTML.
contoh tanda lebih besar dan lebih kecil, dimana karakter itu digunakan untuk mendefinisikan sebuah tag HTML.

nah, apa gunanya mempelajari Entitas HTML?
Nah, kita perlu mengetahui entitas HTML untuk menampilkan karakter-karakter tersebut di

browser, dengan cara menyisipkan kode entitas HTML

Entitas HTML sendiri mempunyai 3 bagian yaitu
sebuah ampersand (&),
nama entitas atau kode entitas yang sebelumnya diawali dengan #
serta diakhiri dengan tanda semicolon/titikkoma (;)

Misal:
untuk menampilkan tanda < digunakan perintah &lt; atau &#60;
untuk menampilkan tanda > digunakan perintah &gt; atau &#62;

Oya, dalam HTML, jika kamu menambahkan spasi di script HTML secara berurutan maka browser akan otomatis membaca spasi sebanyak SATU kali.
contohnyaL jika kamu menambahkan spasi 10 di script, maka nggak muncul di browser, soalnya yang 9 tadi tidak dibaca.
untuk solusinya, kamu bisa menggunakan entitas karakter &nbsp;

contoh script:

<b>ini             ada 10 spasi</b>
bandingkan dengan ini
<b> ini &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ada 10
spasi</b>
perhatikanlah hasilnya 🙂

Oke lanjutt…
dan ternyata ada yang masih bingung dengan kegunaan HTML…
gini, sekarang bayangkan, di suatu ketika kamu diminta untuk membuat tutorial tentang tag  HTML di website kamu.
misalnya dirimu pengen menampilkan tag <b>…</b> muncul di web kamu, kamu gak mungkin menggunakan karakter < secara langsung, karena browser akan menganggap itu adalah tag HTML,

contoh:

ini tanpa entitas:
ini adalah contoh karakter yang <b>ditebalkan</b>

dengan entitas:
ini adalah contoh karakter yang &lt;b&gt; ditebalkan &lt;/b&gt;
perhatikan hasilnya :))

Oya, khan sekarang tanda & juga penting di HTML, gimana cara menampilkannya, misal kita  nulis &gt; biar yang muncul tetap &gt; bukan > ?
mudah sekali, kamu bisa gunakan perintah &amp; sehingga kamu bisa memunculkan karakter & (dan) di browser.

Entitas HTML, digunakan untuk menampilkan karakter-karakter ASCII, bentuk unregular misal ingin menampilkan:
simbol copyright = &copy;

Berikut ane lampirkan kode ASCII untuk entitas karakter HTML:

sumber: asciitable.com
semoga bermanfaat 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *