Menggunakan Emotikon di HTML

Emoji (Emoji) adalah karakter dari set karakter UTF-8:飿?飿?飹?/p>

Apa itu Emoji?

Emoji (Emoji) seperti gambar atau ikon, tetapi mereka bukan.

Mereka adalah huruf (karakter) dari set karakter UTF-8 (Unicode).

Petunjuk:UTF-8 hampir mencakup semua karakter dan simbol di dunia.

Atribut charset HTML

Untuk menampilkan halaman HTML dengan benar, peramban web harus mengetahui set karakter yang digunakan dalam halaman.

Ini adalah di <meta> Dinyatakan dalam tag:

<meta charset="UTF-8">

Petunjuk:Jika belum disebutkan, UTF-8 adalah set karakter baku dalam HTML.

Karakter UTF-8

Banyak karakter UTF-8 yang tidak dapat ditikarkan di papan ketik, tetapi masih dapat digunakan melalui angka (yang disebut nomor entitas) untuk menampilkannya:

  • A adalah 65
  • B adalah 66
  • C adalah 67

Contoh

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>Saya akan menampilkan A B C</p>
<p>Saya akan menampilkan A B C</p>
</body>
</html>

Coba Sendiri

Contoh penjelasan

<meta charset="UTF-8"> Element menentukan sistem abjad.

Karakter A, B, C ditampilkan dengan angka 65, 66, dan 67.

Untuk memastikan bahwa peramban mengetahui bahwa Anda menampilkan karakter, Anda harus mulai dengan # dan diakhiri dengan ; (titik koma).

Karakter Emoji

Emotikon juga adalah karakter dari abjad UTF-8:

  • 馃攨 adalah 128516
  • 馃槏 adalah 128525
  • 鉂わ笍 adalah 128151

Contoh

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>Emotikon Pertama Saya</h1>
<p>😀</p>
</body>
</html>

Coba Sendiri

Karena emotikon adalah karakter, sehingga dapat disalin, ditampilkan, dan diukur besarnya seperti karakter lain dalam HTML.

Contoh

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>Emoji yang Diperbesar</h1>
<p style="font-size:48px">
馃槏 馃槍 馃攨 馃攨
</p>
</body>
</html>

Coba Sendiri

Beberapa Emoji dalam UTF-8

Emoji Nilai
馃攨 馃攨
馃攨 馃攨
馃攨 馃攨
馃攨 馃攨
馃攨 馃攨
馃攨 馃攨
馃攨 馃攨
馃攨 馃攨
馃攨 馃攨
馃攨 馃槍
馃攨 馃槏

Untuk daftar penuh, kunjungi panduan referensi Emoji HTML kami.