Cara menggunakan membuat simbol di html

Hai Teman-Teman Semua, bagaimana kabar nya? Oke kemarin kita sudah membahas apa itu Meta-tag Charset UTF-8. Kita ulas kembali sedikit untuk mengingat bahwa seberapa penting nya Meta-tag Charset UTF-8.
Dan inilah sekilas pembahasan kemarin. Tentang

Table of Contents Show

Pengertian Simbol || Karakter
Mencoba Symbol Pada HTML
Entitas Simbol HTML
Beberapa Simbol Matematika yang Didukung oleh HTML
Beberapa Huruf Yunani yang Didukung oleh HTML
Beberapa Entitas Lain yang Didukung oleh HTML

BELAJAR HTML | APA ITU META TAG CHARSET UTF-8 PADA HTML 5

Penulisan meta tag charset sangat dianjurkan. Jika kita tidak menuliskan charset, web browser akan mencoba ‘menebak‘ karakter yang digunakan (biasanya web browser modern akan menggunakan utf-8 sebagai karakter default).

Beberapa waktu lalu terdapat sebuah bug pada sebuah browser dia tidak dapat menerjemahkan sebuah karakter set sehingga membuat halaman tidak maksimal.

symbol pada html

Dan pada kesempatan kali ini, kita akan membahas bagaimana Cara Membuat Symbol atau Karakter Khusus di HTML.

Sebelumnya apakah kalian tahu, apa yang di maksud dengan symbol atau karakter itu?

Selain menyediakan kode warna, HTML juga menyediakan kode untuk membuat symbol. langsung saja pada kode html yang di sediakan html untuk membuat simbol dengan html. ada dua jenis kode simbol html yaitu number dan entity, berikut ini adalah beberapa kode html yang bisa di gunakan untuk membuat simbol.

Pengertian Simbol || Karakter

Simbol berasal dari kata dalam bahasa Yunani symballo yang artinya melempar bersama-sama, melempar atau meletakkan bersama-sama dalam satu ide atau gagasan objek yang kelihatan, sehingga objek tersebut mewakili gagasan.

Karakter (character entities) , Ketika sedang mengembangkan sebuah website, Anda tentu tidak akan terlepas dari penggunaan karakter-karakter khusus tertentu seperti simbol copyright (©), ampersand (&), lebih kecil (<), lebih besar (>), titik koma (;) dan sebagainya. Untuk menampilkan simbol-simbol tersebut di HTML, Anda perlu menggunakan entitas karakter (character entities).

Mari kita langsung mengaplikasikan bagaimana cara membuat symbol ataupun karakter ini.

Mencoba Symbol Pada HTML

Mencoba Symbol pada Matematika

symbol html

Nah itu adalah beberapa contoh symbol pada matematika. mari kita coba beberapa.

Untuk Informasi Lengkap tentang symbol teman teman bisa mengunjungi disini.

https://www.w3schools.com/charsets/ref_utf_currency.asp (Referensi ini tentang semua simbol mata uang)
https://www.w3schools.com/charsets/ref_utf_arrows.asp (Referensi ini tentang arah panah, atau anak panah)
https://www.w3schools.com/charsets/ref_utf_symbols.asp (dan ini adalah simbol terlengkap)

Perlu di ingat , bahwa terkadang symbol ini kurang workted pada selain HTML 5.

Pada beberapa referensi diatas, terdapat bahwa kita dapat menggabungkan beberapa symbol menjadi satu, baik silahkan Anda coba sendiri yah.

Untuk kesempatan kali ini, saya mohon izin pamit, semoga bermanfaat ya teman teman, mungkin jika ada kritik dan saran silahkan hubungi kami, ataupun langsung di komentar.

Salam Semangatt!!

Segala jenis simbol yang tidak ada pada keyboard dapat ditambahkan dengan menggunakan entitas pada HTML.

Section Artikel

1 Entitas Simbol HTML
2 Beberapa Simbol Matematika yang Didukung oleh HTML
3 Beberapa Huruf Yunani yang Didukung oleh HTML
4 Beberapa Entitas Lain yang Didukung oleh HTML

Entitas Simbol HTML

Pembahasan tentang Entitas di HTML telah dijelaskan di bab sebelumnya.

Banyak simbol matematika, teknis, dan mata uang, yang tidak ada pada keyboard normal.

Untuk menambahkan simbol tersebut ke halaman HTML, maka dapat menggunakan nama entitas atau nomor entitas (referensi desimal atau heksadesimal) untuk simbol tersebut.

Contoh :

<!DOCTYPE html>
<html>
<body>

<p>Akan menampilkan &euro;</p>
<p>Akan menampilkan €</p>
<p>Akan menampilkan €</p>

</body>
</html>

Beberapa Simbol Matematika yang Didukung oleh HTML

Karakter	Angka	Entitas	Deskripsi
∀	&#8704	&forall	FOR ALL
∂	&#8706	&part	DIFERENSIAL PARSIAL
∃	&#8707	&exist	ADA
∅	&#8709	&empty	HIMPUNAN KOSONG
∇	&#8711	&nabla	NABLA
∈	&#8712	&isin	ELEMEN DARI
∉	&#8713	&notin	BUKAN ELEMEN DARI
∋	&#8715	&ni	ANGGOTA ELEMEN
∏	&#8719	&prod	N-ARY PRODUCT
∑	&#8721	&sum	N-ARY SUMMATION

Catatan : selalu tambahkan “;” (tanpa tanda petik) pada akhir setiap penuliasan simbol dengan menggunakan angka dan entitas.

Beberapa Huruf Yunani yang Didukung oleh HTML

Karakter	Angka	Entitas	Deskripsi
Α	&#913	&Alpha	HURUF KAPITAL ALPHA YUNANI
Β	&#914	&Beta	HURUF KAPITAL BETA YUNANI
Γ	&#915	&Gamma	HURUF KAPITAL GAMMA YUNANI
Δ	&#916	&Delta	HURUF KAPITAL DELTA YUNANI
Ε	&#917	&Epsilon	HURUF KAPITAL EPSILON YUNANI
Ζ	&#918	&Zeta	HURUF KAPITAL ZETA YUNANI

Catatan : selalu tambahkan “;” (tanpa tanda petik) pada akhir setiap penuliasan simbol dengan menggunakan angka dan entitas.

Beberapa Entitas Lain yang Didukung oleh HTML

Char	Number	Entity	Description
©	&#169	&copy	LAMBANG HAK CIPTA
®	&#174	&reg	MEREK TERDAFTAR
€	&#8364	&euro	LAMBANG EURO
™	&#8482	&trade	TRADEMARK
←	&#8592	&larr	PANAH KIRI
↑	&#8593	&uarr	PANAH ATAS
→	&#8594	&rarr	PANAH KANAN
↓	&#8595	&darr	PANAH BAWAH
♠	&#9824	&spades	SEKOP HITAM
♣	&#9827	&clubs	KLUB HITAM
♥	&#9829	&hearts	HATI HITAM
♦	&#9830	&diams	BERLIAN HITAM