Farih.co.id
Home Programming Cara Menggunakan Karakter dan Simbol Khusus dalam HTML

Cara Menggunakan Karakter dan Simbol Khusus dalam HTML

computer with code

Mungkin ada saatnya Anda perlu menggunakan karakter khusus di situs web Anda, seperti simbol ampersand. Namun, Anda tidak bisa begitu saja mengetikkan “&” dalam kode HTML Anda, karena ini adalah simbol HTML khusus.


Sebagai gantinya, Anda dapat menggunakan entitas HTML atau kode khusus untuk mewakili karakter ini. Ini memungkinkan Anda untuk menambahkan simbol ke halaman web Anda tanpa mengganggu kode HTML yang sebenarnya.


Apa itu Simbol dalam HTML?

Saat membuat situs web HTML, Anda akan menggunakan serangkaian simbol untuk tanda baca. Meskipun Anda dapat menambahkan sebagian besar karakter langsung ke halaman Anda, beberapa memiliki arti khusus atau sulit untuk diketik. Misalnya, HTML menggunakan simbol seperti kurung sudut (< dan >), ampersand (&), dan tanda kutip (” dan ‘) untuk mewakili struktur konten Anda.

Peramban web biasanya akan menginterpretasikan simbol kurung sudut sebagai tag pembuka atau penutup. Jika bukan itu yang Anda inginkan, ini dapat menyebabkan kesalahan pada halaman web Anda. Contoh simbol yang memerlukan kode entitas meliputi:

  • Simbol untuk ‘dan (&)
  • Kurang dari (<)
  • Lebih besar dari (>)
  • kutipan ganda (")
  • kutipan tunggal (')

Simbol lain seperti simbol hak cipta dan merek dagang tidak memerlukan kode entitas, tetapi Anda tetap dapat menggunakannya jika mau. Mereka mungkin canggung untuk mengetik atau bahkan tidak didukung di editor teks Anda. Beberapa contoh termasuk:

  • Simbol hak cipta (©)
  • Simbol merek dagang (™)
  • Simbol merek dagang terdaftar (®)

Apa itu Entitas Bernama dan Numerik?

Anda dapat mewakili setiap simbol menggunakan kode entitas numerik, dan yang paling umum dengan entitas bernama juga. Berikut beberapa contohnya:

Simbol

Kode Entitas Bernama

Kode Entitas Numerik

Simbol untuk ‘dan

&

&

Kurang dari

<

<

Lebih besar dari

>

>

Kutipan ganda

"

"

Kutipan tunggal

'

'

hak cipta

&menyalin;

©

Simbol merek dagang

&berdagang;

Simbol merek dagang terdaftar

®

®

Menggunakan kode nama atau numerik akan menampilkan simbol yang sesuai. Misalnya, menggunakan “©” atau “©” akan menampilkan simbol hak cipta.

Menambahkan Emoji ke Halaman Web Anda

Anda juga dapat menampilkan emoji menggunakan kode entitas. Semua emoji memiliki kode entitas numerik dalam HTML, tetapi tidak semuanya memiliki kode entitas bernama. Beberapa contoh termasuk:

Simbol

Kode Entitas Numerik

Wajah Tersenyum (😃)

😃

Wajah Tertawa (😆)

😆

Wajah Tersenyum dengan Halo (😇)

😇

Cara Menyisipkan Simbol ke Halaman Web Menggunakan Kode Entitas

Anda dapat menyisipkan kode entitas di konten halaman HTML Anda. Melihat halaman web Anda di browser akan mengubah kode menjadi simbol yang sesuai.

  1. Dalam file HTML baru, tambahkan struktur dasar untuk halaman web HTML:
     <!DOCTYPE html>
    <html>
      <head>
        <title>Symbol and Entity Example</title>
        <meta charset="UTF-8">
      </head>
      <body>
        
      </body>
    </html>
  2. Di dalam tag body, tambahkan beberapa konten HTML. Sertakan kode entitas bernama atau numerik untuk simbol yang ingin Anda tampilkan:
     <h1>HTML Symbols</h1>
    <p>Copyright symbol: &copy;</p>
    <p>Ampersand symbol: &amp;</p>
    <p>Trademark symbol: &trade;</p>
    <p>Smiling Face: &#x1F603;</p>
  3. Buka file HTML Anda di browser web untuk melihat simbol yang sesuai:
    HTML di browser dengan entites

Menggunakan Simbol HTML Khusus atau Cadangan di Situs Web Anda

Sekarang Anda tahu cara menambahkan simbol ke halaman web HTML Anda, Anda dapat menjelajahi konten menarik lainnya yang dapat Anda tambahkan untuk membuat situs web Anda lebih menarik.

Comment
Share:

Leave a Reply

Your email address will not be published. Required fields are marked *

Ad