KARAKTER TERTENTU HTML

Dalam suatu tampilan halaman HTML, beberapa tampilan simbol/karakter tertentu adalah dengan menggunakan kode-kode tersendiri dalam halaman editnya. Dengan kata lain, browser tidak akan menampilkan simbol/karakter(tertentu) yang dimaksud jika pada halaman edit di ketik dengan simbol/tanda/karakter itu sendiri.
Sebagai contoh misalnya, untuk menampilkan tanda "<" (buka kurung runcing) kode yang diperlukan adalah &lt;, dan untuk menampilkan ">", kodenya adalah &gt;.

Berikut ini adalah beberapa contoh simbol/karakter yang memerlukan kode tertentu untuk dapat ditampilkan pada halaman WEB.

KARAKTER KHUSUS
SIMBOL	KODE	KETERANGAN
<	&lt;	Kurung runcing buka
>	&gt;	Kurung runcing buka
"	&quot;	Tanda kutip
(spasi)	&nbsp;	Spasi
©	&copy;	Hak Cipta
®	&reg;	Terdaftar
±	&plusmn;	Plus Minus
½	&frac12;	Setengah
¼	&frac14;	Seperempat
²	&sup2;	Pangkat 2/Persegi
³	&sup3;	Pangkat 3/kubik

Contoh penulisan:

Jika ditulis:

Tiga &lt; empat.
Tiga &gt; tiga.
Harap maklum, blog &quot;PELANGLANG MAYA&quot; memang begini adanya.

Hasilnya adalah:

Tiga < Empat
Empat > Tiga
Harap maklum, blog "PELANGLANG MAYA" memang begini adanya.

Contoh berikutnya:

Jika ditulis:

Tiga&nbsp;&nbsp;&nbsp;Spasi
Enam&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Spasi
Delapan&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Spasi
Hak Cipta &copy; oleh Pelanglang Maya
Terdaftar &reg; 2010

Hasilnya adalah:

Tiga   Spasi
Enam      Spasi
Delapan        Spasi
Hak Cipta © oleh Pelanglang Maya
Terdaftar ® 2010

Contoh yang lain:

Jika ditulis:

&plusmn; &frac12; bagian isi dari Pelanglang Maya adalah hasil melanglang dunia maya. Dan &plusmn; &frac14; bagian saja dari isi keseluruhan, proses pekerjaanya dibantu dengan browser PC.

Hasilnya adalah:

± ½ bagian isi dari Pelanglang Maya adalah hasil melanglang dunia maya. Dan ± ¼ bagian saja dari keseluruhan, proses pekerjaanya dibantu dengan browser PC.

Dan jika ditulis:

5&sup2; = 25
5&sup3; =1 25

Hasilnya adalah:

5² = 25
5³ = 125

Untuk simbol/karakter dan kode lainya, tersedia lengkap di W3schools.

Sebelumnya | Berikutnya

Silahkan baca juga yang ini:

---