Pandeglang Blog

Menjadi bagian dari arus informasi dunia

Karakter HTML dan Cara Menulisnya

3 Komentar

Berikut ini adalah kumpulan wujud karakter HTML, simbol-simbol unik yang terkadang muncul di halaman web termasuk di wordpress, simbol2 tersebut di hasilkan dari suatu kode berbasis bilangan desimal atau nama yang di interpretasikan oleh browser sebagai sebuah simbol.

Salah satu fungsi dari karakter HTML adalah untuk menampilkan kode HTML pada halaman web. Banyak sekali simbol-simbol atau karakter HTML yang bisa ditampilkan pada halaman web dan beberapa yang terpopuler diantaranya adalah :

» = »
« = «
< = &lt;
> = &gt;
• = &bull;
& = &amp;
♥ = &hearts;
♦ = &diams;
♣ = &clubs;
♠ = &spadeps;
∞ = &#8734;
— = &mdash;
® = &#174;
© = &copy;
™ = &#8482;
½ = &#189;
→ = &rarr;
↓ = &darr;
× = &times;
÷ = &#247;
± = &#177;
$ = &#36;
√ = &#8730;
≥ = &#8805;
∼ = &#8764;

Ingin lihat lebih banyak karakter? Lihat tabel berikut ini yang diambil dari Web Design Group (WDG).

cara menulis karakter html
Untuk tabel 2 s.d 6 klik link gambar berikut ini,
→ Tabel 2 iso064-095.gif
→ Tabel 3 iso096-127.gif
→ Tabel 4 iso160-191.gif
→ Tabel 5 iso192-223.gif
→ Tabel 6 iso224-255.gif
Untuk melihat semua tabel dalam 1 gambar klik latin1.gif 70kb

Catatan, Dalam tabel ada 4 kolom

  1. Char : bentuk karakter
  2. Code : untuk penggunaan dalam bentuk kode angka desimal
  3. Name : untuk penggunaan dalam bentuk satuan nama
  4. Description : sedikit gambaran mengenai karakter.

Untuk penggunaan dalam bentuk kode desimal tambahkan “&#” di depan kode dan akhiri dengan titik koma ( ; ) contoh &#174; menjadi ®

Untuk penggunaan dalam bentuk nama (jika ada) tambahkan “&” di depan kode nama dan akhiri dengan titik koma ( ; ) contoh &reg; menjadi ® . ( di sebagian browser atau web server penggunaan dalam bentuk ini terkadang tidak berfungsi)
Demikian sedikit uraian mengenai HTML character entity semoga bermanfaat.

Penulis: Nourly

Bergabung di wordpress sejak 2 april 2012 Just a mobile blogger from Pandeglang.

3 thoughts on “Karakter HTML dan Cara Menulisnya

  1. Ping-balik: Cara menampilkan kode HTML pada post « Pandeglang Blog

  2. Ping-balik: Mencari tempat penyimpanan foto online « Pandeglang Blog

  3. TIdak ada yang saya cari.
    Tetapi terimakasih telah berusaha.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s