Tutorial HTML/CSS 10 : Simbol HTML dan Cara Mudah Membuatnya!

Last Updated on November 8, 2021 by

Pada seri Tutorial HTML sebelumnya, Codekey telah menjelaskan kepada Anda tentang cara membuat tabel di HTML. Artikel kali ini akan mengajak Anda untuk belajar cara membuat simbol pada HTML atau karakter spesial yang ada di HTML.

Mengapa simbol ini penting? Jika Anda ingin tahu lebih banyak tentang HTML khususnya, simbol HTML, simak terus artikel berikut ini.

Simbol HTML

Dalam HTML, karakter khusus biasanya adalah karakter yang tidak dapat diketik dengan mudah ke keyboard atau dapat menyebabkan masalah tampilan jika diketik atau ditempelkan ke halaman web.

Jika Anda berencana untuk menggunakan salah satu karakter khusus di halaman ini, Anda harus menggunakan nama entitas HTML atau nomor entitas HTML. Ini akan memastikan bahwa ini ditampilkan dengan benar di sebagian besar/semua browser.

Ada beberapa tips yang dapat Anda ikuti untuk membuat simbol HTML sebagai berikut:

1. Untuk mencegah halaman web Anda gagal menampilkan karakter khusus HTML, tentukan charset sebagai UTF-8 di tag <meta> pada dokumen HTML Anda.
2. Jika Anda perlu memasukkan karakter Asia Timur di halaman web Anda, pertimbangkan untuk menambahkan anotasi ruby untuk membantu pengguna dalam pengucapannya.
3. Dengan kode simbol HTML, Anda juga dapat menyertakan emoji: coba tambahkan & # 9996; atau & # 9752; ke halaman Anda!

Namun, ada cara termudah untuk memasukkan karakter khusus dalam dokumen HTML adalah dengan menuliskan nama entitasnya. Nama entitas selalu dimulai dengan ampersand (&) dan diakhiri dengan titik koma (;):

&entityname;

Tidak perlu menggunakan tag, atribut, properti, atau nilai. Saat menulis teks di situs web Anda, sertakan nama entitas bila diperlukan:

<!–– Gunakan &copy; or &#169; untuk menambahkan © ––> 
<h2>Selamat Belajar! &copy Codekey</h2>

Namun, tidak semua simbol HTML memiliki nama entitas. Dalam hal ini, Anda harus menulis kode karakter khusus HTML – nomor entitas, referensi desimal atau heksadesimal:

<p>Penggunaan simbol equiv- &equiv;</p>
<p>Penggunaan simbol equiv - &#8801;</p>
<p>Penggunaan simbol equiv- &#x2261;</p>

Daftar Entitas HTML

Pada bagian berikut, kami akan memperkenalkan Anda pada karakter khusus HTML yang paling umum digunakan dan cara menambahkannya ke dokumen Anda. Namun, keseluruhan pilihan mereka jauh lebih luas di mana Anda dapat memeriksanya di halaman ini yang dibuat oleh World Web Consortium.

Simbol Mata Uang

Kode simbol ini untuk merepresentasikan beberapa mata uang yang ada di dunia.

Simbol Matematika

Kode simbol ini digunakan untuk menunjukkan operasi menggunakan matematika.

Greek Letters

Greek Letter atau Huruf Yunani. Simbol di HTML juga dilengkapi dengan huruf-huruf Yunani yang mungkin dibutuhkan saat bekerja dengan HTML.

Simbol Lainnya

HTML juga dilengkapi dengan simbol-simbol lainnya seperti di bawah ini.

Demikianlah penjelasan dari simbol html atau spesial karakter dari HTML. Ada banyak simbol dalam HTML dan penjelasan di atas dalah beberapa kode nomor dan entitas yang dapat Anda gunakan saat membuat simbol dalam HTML.

Jika Anda ingin belajar lebih banyak tentang HTML, pastikan Anda mendapatkan update terus dari website Codekey. Kami menyediakan artikel, pembahasan, tutorial, serta tips dan trik untuk Anda belajar berbagai bahasa pemrograman, tidak hanya terbatas pada HTML saja.