← Kembali ke kursus
Pelajaran kursus · HTML
Pelajaran 16

Simbol khusus

Sisipkan simbol dengan kode entity dan number.

Pahami konsepnya

Beberapa karakter tidak bisa atau tidak aman diketik langsung dalam HTML: tanda <, >, dan & punya peran khusus di kode; simbol seperti © atau € tidak selalu ada di papan ketik. Untuk itu tersedia dua bentuk kode: entity yang mudah diingat (&copy; untuk ©, &hearts; untuk ♥) dan number berbasis angka desimal/heksadesimal (&#169; sama dengan &copy;).

Menggunakan kode bukan soal dekorasi semata — ia menjamin simbol tampil sama di semua perangkat dan pengodean. Daftar lengkapnya panjang (ribuan karakter Unicode), tetapi yang harian cukup segelintir: hak cipta &copy;, merek dagang &trade;, euro &euro;, panah &larr; &uarr; &rarr; &darr;, dan simbol kartu &spades; &clubs; &hearts; &diams;.

Kasus wajib yang paling sering dijumpai: menampilkan tanda kurung sudut sebagai teks biasa. Tulis &lt; untuk < dan &gt; untuk > — tanpa itu, browser menganggap kamu sedang membuka tag dan halaman jadi kacau.

Coba contoh kode

<p>Hak cipta &copy; 2026 &mdash; merek &trade; situsku</p>
<p>Tulis tag paragraf seperti ini: &lt;p&gt;teks&lt;/p&gt;</p>
<p>Panah: &larr; &uarr; &rarr; &darr; &nbsp; Kartu: &spades; &clubs; &hearts; &diams;</p>

Baris kedua adalah kasus paling penting: &lt;p&gt; menampilkan <p> sebagai teks biasa, bukan dijalankan sebagai tag. &mdash; menghasilkan tanda pisah panjang, &nbsp; spasi tak-putus yang mencegah dua kata terpisah baris.

Latihan singkat

Tulis halaman "kebijakan situs" yang memuat simbol hak cipta, tanda euro, satu panah, dan contoh kode tag yang tampil sebagai teks.