Binti Qomariah - Assalamu'alaikum teman-teman,
Hari ini saya akan mensyaringkan ilmu mengenai HTML tepatnya pada Symbol-Symbol yang ada di HTML. Nah, kira-kira apa saja symbol-symbol yang dapat kita panggil melalui HTML?. Oke, simak ya.
A. PENDAHULUAN
1. Pengertian
Menurut Wikipedia, simbol adalah 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.
2. Latar Belakang
Dalam membuat sebuah sistem, misalnya website. Pastinya kita juga membutuhkan simbol-simbol tertentu. Simbol tersebut digunakan untuk memberi tanda atau juga digunakan untuk mempercantik website.
3. Maksud dan Tujuan
Simbol tersebut digunakan untuk memberi tanda pada bagian tertentu. Dan juga bisa digunakan untuk mempercantik tampilan.
4. Hasil Yang Diharapkan
Dapat membuat symbol-symbol yang ada di HTML.
B. ALAT DAN BAHAN
- Text Editor
- Komputer, Laptop atau PC
C. JANGKA WAKTU YANG DIBUTUHKAN
-/+ 15 Menit.
D. URAIAN
Di HTML 5 sudah support untuk multimedia. Dan di HTML 5 ini, kita juga akan dikenalkan dengan HTML Symbol. Kemudian untuk symbol-symbol tersebut dibagi menjadi :
- Simbol Matematika
- Simbol Surat Yunani
- Simbol Entitas
Jika tidak ada nama entitas, kita juga dapat menggunakan nomor entitas, desimal, atau referensi heksadesimal.
Contohnya seperti ini, coba ketikkan script dibawah ini pada text editor kita. Save dan lihat di browser.
!DOCTYPE html>Untuk hasil atau output nya akan seperti ini :
<html>
<head>
<title>Simbol HTML</title>
</head>
<body>
<label>Simbol Matematika</label>
<p>∀ => FOR ALL</p> <!-- &forall -->
<p>∂ => PARTIAL DIFFERENTIAL</p> <!-- &part -->
<p>∃ => THERE EXISTS</p> <!-- &exist -->
<p>∅ => EMPTY SETS</p> <!-- &empty -->
<p>∇ => NABLA</p> <!-- &nabla -->
<p>∈ => ELEMENT OF</p> <!-- &isin -->
<p>∉ => NOT AN ELEMENT OF</p> <!-- ¬in -->
<p>∋ => CONTAINS AS MEMBER</p> <!-- &ni -->
<p>∏ => N-ARY PRODUCT</p> <!-- &prod -->
<p>∑ => N-ARY SUMMATION</p> <!-- &sum -->
<label>Simbol Greek</label>
<p>Α => GREEK CAPITAL LETTER ALPHA</p> <!-- &alpha -->
<p>Β => GREEK CAPITAL LETTER BETA</p> <!-- &beta -->
<p>Γ => GREEK CAPITAL LETTER GAMMA</p> <!-- &gamma -->
<p>Δ => GREEK CAPITAL LETTER DELTA</p> <!-- &delta -->
<p>Ε => GREEK CAPITAL LETTER EPSILON</p> <!-- &epsilon -->
<p>Ζ => GREEK CAPITAL LETTER ZETA</p> <!-- &zeta -->
Kemudian ketikkan script seperti dibawah ini juga, lihat output apa yang akan keluar.
<!DOCTYPE html>Maka, output yang akan keluar adalah seperti ini :
<html>
<head>
<title>BASIC 4</title>
</head>
<body>
<label>Simbol Greek</label>
<p>Α => GREEK CAPITAL LETTER ALPHA</p> <!-- &alpha -->
<p>Β => GREEK CAPITAL LETTER BETA</p> <!-- &beta -->
<p>Γ => GREEK CAPITAL LETTER GAMMA</p> <!-- &gamma -->
<p>Δ => GREEK CAPITAL LETTER DELTA</p> <!-- &delta -->
<p>Ε => GREEK CAPITAL LETTER EPSILON</p> <!-- &epsilon -->
<p>Ζ => GREEK CAPITAL LETTER ZETA</p> <!-- &zeta -->
</body>
</html>
Untuk simbol yang terakhir, ketikkan script seperti dibawah ini :
<!DOCTYPE html>Output yang akan keluar dari script di atas adalah seperti ini :
<html>
<head>
<title>BASIC 4</title>
</head>
<body>
<label>Simbol Entitas</label>
<p>© => COPYRIGHT SIGN</p> <!-- © -->
<p>® => REGISTERED SIGN</p> <!-- ® -->
<p>€ => EURO SIGN</p> <!-- &euro -->
<p>™ => TRADEMARK</p> <!-- &trade -->
<p>← => LEFTWARDS ARROW</p> <!-- &larr -->
<p>↑ => UPWARDS ARROW</p> <!-- &uarr -->
<p>→ => RIGHTWARDS ARROW</p> <!-- &rarr -->
<p>↓ => DOWNWARDS ARROW</p> <!-- &darr -->
<p>♠ => BLACK SPADE SUIT</p> <!-- &spades -->
<p>♣ => BLACK CLUB SUIT</p> <!-- &clubs -->
<p>♥ => BLACK HEART SUIT</p> <!-- &hearts -->
<p>♦ => BLACK DIAMOND SUIT</p> <!-- &diams -->
</body>
</html>
Baiklah, seperti itulah caranya untuk membuat beberapa simbol-simbol dari HTML. Selamat Mencoba.
E. TEMUAN PERMASALAHAN
Untuk sejauh ini, pada saat pembuatan simbol-simbol HTML belum ada kendala atau masalah yang saya hadapi.
F. KESIMPULAN
Dengan tersedianya simbol-simbol yang ada pada HTML ini kita dipermudahkan untuk mempercantik website kita dan kita juga tidak perlu untuk mencari gambar atau simbol-simbol di internet kemudian memasukkannya tetapi kita hanya akan memanggilnya saja.
G. HASIL YANG DIDAPATKAN
Dapat membuat simbol-simbol yang tersedia pada HTML.
H. REFERNSI
https://id.wikipedia.org/wiki/Simbol
https://www.w3schools.com/html/html_symbols.asp
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.
ConversionConversion EmoticonEmoticon