HTML Entities Symbol

by

Ketika menulis konten, kita butuh simbol-simbol unik seperti copyright © atau symbol-symbol lain.

Ada 2 cara penulisan kode, yaitu:

  • Ditulis dengan angka
  • DItulis dengan entity

Output keduanya sama. Cara menggunakannya sangat mudah tidak butuh css, misal untuk menghasilkan karakter © kita perlu menulis ©

Daftar Isi
  1. Simbol Kode Matematika
  2. Simbol Karakter Yunani
  3. Simbol Umum HTML

Biar lebih jelas, silahkan coba kode HTML berikut:

<!DOCTYPE html>
<html>
<head>
	<title>Belajar Paragraf HTML</title>
</head>
<body>
<p>Simbol copyright dengan entity &copy; atau angka &#169; hasilnya sama</p>
<p>Simbol panah keatas &#8593;</p>
<p>Simbol hati &hearts;</p>
<p>Simbol rumus gamma &Gamma;</p>
<p>Simbol sigma &#8721;</p>
</body>
</html>

Hasilnya adalah:

Simbol copyright dengan entity © atau angka © hasilnya sama

Simbol panah keatas ↑

Simbol hati ♥

Simbol rumus gamma Γ

Simbol sigma ∑

Berikut cheatset simbol HTML:

Simbol Kode Matematika

KarakerEntityNumber
∑&sum;&#8721;
∏&prod;&#8719;
∂&part;&#8706;
∉&notin;&#8713;
∋&ni;&#8715;
∇&nabla;&#8711;
∈&isin;&#8712;
∀&forall;&#8704;
∃&exist;&#8707;
∅&empty;&#8709;
Sumber: W3School

Simbol Karakter Yunani

KarakterEntityNumber
Ζ&Zeta;&#918;
Γ&Gamma;&#915;
Ε&Epsilon;&#917;
Δ&Delta;&#916;
Β&Beta;&#914;
Α&Alpha;&#913;
Sumber: W3School

Simbol Umum HTML

KarakterEntityNumber
♣&clubs;&#9827;
©&copy;&#169;
↓&darr;&#8595;
♦&diams;&#9830;
€&euro;&#8364;
♥&hearts;&#9829;
←&larr;&#8592;
→&rarr;&#8594;
®&reg;&#174;
♠&spades;&#9824;
™&trade;&#8482;
↑&uarr;&#8593;
Sumber: W3School

Sebenarnya masih ada buanyak sekali simbol yang ada, lebih lengkapnya silahkan kunjungi situs w3school bab html symbol.

Leave a Comment