Beranda / Pemrograman / Web / Panduan Lengkap HTML Symbols: Simbol Keren buat Website Kamu! (Tutorial HTML Part 48)

Panduan Lengkap HTML Symbols: Simbol Keren buat Website Kamu! (Tutorial HTML Part 48)

Buat kamu yang sering ngoding atau bikin website, pasti pernah nemu simbol-simbol aneh di HTML, kan? Nah, simbol ini dikenal sebagai HTML Symbols atau HTML Entities. Fungsinya? Biar bisa nampilin karakter spesial yang gak bisa langsung diketik di keyboard atau punya makna khusus dalam HTML.

Misalnya, kalau kamu mau nampilin tanda lebih besar (>) atau lebih kecil (<) di dalam kode HTML, langsung ketik aja &gt; atau &lt;. Gampang, kan?

Di artikel ini, kita bakal bahas beberapa jenis simbol HTML yang sering dipakai. Yuk, langsung gas!


1. HTML Symbol Entities

HTML Symbol Entities itu semacam kode unik yang bisa kamu pake buat nampilin simbol tertentu di web. Biasanya diawali dengan ampersand (&), diikuti nama atau kode angka, lalu diakhiri titik koma (;).

Berikut beberapa contoh HTML Symbol Entities:

Panduan Lengkap HTML Forms: Bikin Formulir Keren di Website! (Tutorial HTML Part 53)

Simbol Entity Name Entity Number
© &copy; &#169;
® &reg; &#174;
&trade; &#8482;
£ &pound; &#163;
¥ &yen; &#165;

Jadi, kalau mau nampilin simbol hak cipta (©), cukup ketik &copy;. Hasilnya? © langsung muncul di web kamu!


2. Simbol Matematika di HTML

Buat kamu yang sering kerja dengan rumus atau simbol matematika, HTML juga dukung beberapa karakter khusus.

Simbol Entity Name Entity Number
± &plusmn; &#177;
÷ &divide; &#247;
× &times; &#215;
&radic; &#8730;
&infin; &#8734;

Mau bikin persamaan keren? Cobain &radic;9 = 3 buat nampilin √9 = 3. Keren, kan?


3. Huruf Yunani di HTML

Simbol Yunani sering dipake di matematika, fisika, dan sains. Berikut beberapa yang bisa dipake di HTML:

Huruf Yunani Entity Name Entity Number
α (alpha) &alpha; &#945;
β (beta) &beta; &#946;
γ (gamma) &gamma; &#947;
π (pi) &pi; &#960;
Ω (Omega) &Omega; &#937;

Misalnya, buat nampilin rumus fisika terkenal E = mc², bisa tambahin &beta; buat beta decay atau &pi; buat konstanta pi.

Perbedaan HTML vs XHTML: Panduan Lengkap (Tutorial HTML Part 52)


4. Simbol Lain yang Didukung HTML

Selain simbol di atas, HTML juga support beberapa karakter unik lainnya.

Simbol Entity Name Entity Number
&hearts; &#9829;
&smile; &#9786;
&rarr; &#8594;
&larr; &#8592;
&star; &#9733;

Mau bikin teks jadi lebih menarik? Coba &hearts; buat simbol hati atau &star; buat bintang.


Kesimpulan

Dengan HTML Symbols, kamu bisa bikin tampilan website lebih kece dan informatif. Mau nampilin hak cipta, rumus matematika, huruf Yunani, atau simbol unik lainnya? Tinggal pakai kode HTML-nya!

Gimana? Udah siap bikin web yang lebih estetik dengan simbol keren ini? Cobain langsung ya!

Panduan Lengkap HTML URL (Uniform Resource Locator)(Tutorial HTML Part 51)

Komentar

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *