Belajar Koding HTML Bagian 16: Memanggil Symbols
.png)
Simbol HTML adalah karakter khusus yang digunakan dalam HTML untuk menampilkan karakter yang tidak ada di keyboard atau dapat menyebabkan masalah dengan kode HTML. Misalnya jika Anda menggunakan simbol < (kurang dari) atau > (lebih besar dari) dalam dokumen HTML, maka browser akan memperlakukannya secara berbeda.
Dalam HTML, untuk menampilkan simbol atau karakter khusus yang tidak tersedia langsung pada keyboard, Anda dapat menggunakan entitas karakter. Entitas karakter ini memungkinkan Anda menampilkan berbagai simbol seperti tanda mata uang, simbol matematika, atau karakter khusus lainnya.
Cara Menggunakan Entitas Karakter:
- Nama Entitas (Entity Name): Beberapa simbol memiliki nama entitas yang dapat digunakan langsung. Formatnya adalah &nama_entitas;. Contoh:
- Tanda ampersand (&): &
- Tanda kurang dari (<): <
- Tanda lebih dari (>): >
- Kode Numerik: Jika simbol tidak memiliki nama entitas, Anda dapat menggunakan kode numerik desimal atau heksadesimal. Formatnya adalah:
- Desimal: &#kode_desimal;
- Heksadesimal: &#xkode_heksadesimal;
Contoh:
- Tanda hak cipta (©): © atau ©
- Tanda euro (€): € atau €
Contoh
Penggunaan dalam HTML:
<!DOCTYPE
html>
<html
lang="id">
<head>
<meta charset="UTF-8">
<title>Contoh Penggunaan Simbol dalam
HTML</title>
</head>
<body>
<p>Simbol kurang dari: <</p>
<p>Simbol lebih dari: ></p>
<p>Tanda ampersand: &</p>
<p>Tanda hak cipta: ©</p>
<p>Tanda euro: €</p>
</body>
</html>
 |
| Tampilan Hasil (Output) Memanggil Symbols |
Pada contoh di atas, berbagai entitas karakter digunakan untuk menampilkan simbol yang sesuai.
Daftar Beberapa Simbol Umum dan Entitasnya:
|
Simbol |
Deskripsi |
Nama
Entitas |
Kode
Desimal |
Kode
Heksadesimal |
|
© |
Tanda hak cipta |
© |
© |
© |
|
® |
Tanda terdaftar |
® |
® |
® |
|
™ |
Tanda merek dagang |
™ |
™ |
™ |
|
€ |
Tanda euro |
€ |
€ |
€ |
|
£ |
Tanda pound sterling |
£ |
£ |
£ |
|
¥ |
Tanda yen |
¥ |
¥ |
¥ |
|
← |
Panah kiri |
← |
← |
← |
|
↑ |
Panah atas |
↑ |
↑ |
↑ |
|
→ |
Panah kanan |
→ |
→ |
→ |
|
↓ |
Panah bawah |
↓ |
↓ |
↓ |
|
± |
Plus-minus |
± |
± |
± |
|
× |
Tanda perkalian |
× |
× |
× |
|
÷ |
Tanda pembagian |
÷ |
÷ |
÷ |
Untuk daftar lengkap entitas karakter HTML, Anda dapat merujuk ke
Catatan:
- Pastikan
untuk selalu menggunakan entitas karakter saat menampilkan simbol khusus
untuk memastikan kompatibilitas dan aksesibilitas di berbagai browser dan
perangkat.
- Beberapa
simbol mungkin tidak ditampilkan dengan benar jika font yang digunakan
tidak mendukung karakter tersebut.
Dengan memahami dan menggunakan entitas karakter dengan tepat, Anda dapat menampilkan berbagai simbol dan karakter khusus dalam halaman web Anda dengan efektif.
Referensi
0 Response to "Belajar Koding HTML Bagian 16: Memanggil Symbols"
Post a Comment