Membuat Spesial Character pada HTML

Assalamualaikum wr.wb sobat programmer. Kali ini saya akan memberikan sebuah materi mengenai special character pada html, contohnya seperti lebih dari, copyright, dll.
Mari kita simak dan pahami pembahasan materi berikut.


Terdapat beberapa karakter spesial seperti copyright symbol © yang tidak termasuk ke dalam standar kelompok ASCII characters, di mana ASCII characters hanya menyediakan karakter seperti huruf, nomor dan beberapa simbol dasar. Dan karakter lain seperti lebih dari (>) atau kurang dari (<) walaupun tersedia dalam ASCII character, karakter tersebut tidak dapat digunakan secara langsung sebagai konten pada HTML, karena karakter tersebut akan terbaca sebagai sebuah tag.
Untuk menampilkan karakter seperti yang disebutkan tadi, HTML memerlukan sebuah “escaped” character. Escaping artinya adalah tidak menuliskan karakter itu sendiri, melainkan menggantinya dengan nilai numericatau character reference pada karakternya.
Terdapat dua cara untuk melakukannya, yakni dengan menetapkan nilai numerik (numeric entity) atau menggunakan nama singkatan yang sudah ditetapkan untuk masing-masing karakternya (named entity). Semua referensi karakter dimulai dengan “&” dan diakhiri dengan “;”.
Contohnya untuk menggunakan simbol copyright, kita dapat menggunakan “&copy;” 
Contoh kode programnya :

<p>Belajar HTML menengah 2020 &copy; with IT Programmer Tegal </p>

atau bisa juga dengan  “&#169;”.

p>Belajar HTML menengah 2020 &#169; with IT Programmer Tegal </p>

Berikut daftar karakter spesial dengan karakter referensiny
rakter
Deskripsi
Named Entity
Numeric Entity

non-breaking space
&nbsp;
&#160;
&
Ampersand
&amp;
&#038;
Apostrophe
&apos;
&#039;
<
Kurang dari (less-than)
&lt;
&#060;
>
Lebih dari (greater-than)
&gt;
&#062;
©
Hak cipta (copyright)
&copy;
&#169;
®
Merek dagang terdaftar (registered trademark)
&reg;
&#174;
Merek dagang (trademark)
&trade;
&#8482;
£
Pound
&pound;
&#163;
¥
Yen
&yen;
&#165;
Euro
&euro;
&#8364;
En-dash
&ndash;
&#8211;
Em-dash
&mdash;
&#8212;
Kutip tunggal kiri
&lsquo;
&#8216;
Kutip tunggal kanan
&rsquo;
&#8217;
Kutip ganda kiri
&ldquo;
&#8221;
Kutip ganda kanan
&rdquo;
&#8221;
Bullet
&bull;
&#8226;
...
Horizontal ellipsis
&hellip;
&#8230



Post a Comment

0 Comments