Monday, January 8, 2018

HTML 5 part 1 (Mengenal Symbol-Symbol Pada HTML 5 )


A.PENDAHULUAN
 
Hallo Teman..!! Apa kabar?? Bertemulagi dengan blog saya kali ini saya akan berbagi tentang kegiatan prakerin di blc telkom klaten

B.PENGERTIAN

 
  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.
  C.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 dan membuat kerangka dari website tersebut.


D.MAKSUD DAN TUJUAN


Utuk mempermudah dalam pembuatan sebuah web karena dasar dari sebuah web adalah HTML


E.ALAT DAN BAHAN

  • Text Editor
  • Komputer, Laptop atau PC


F.WAKTU YANG DIPERLUKAN 


-/+ 15 Menit untuk membaca dan memahami


G.PEMBAHASAN

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 :

  1. Simbol Matematika
  1. Simbol Surat Yunani
  1. Simbol Entitas
Nah, untuk menambahkan simbol seperti ke halaman HTML, kita dapat menggunakan HTML nama 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>
<html>
<head>
    <title>Simbol HTML</title>
</head>
<body>

<label>Simbol Matematika</label>
<p>&#8704; => FOR ALL</p> <!-- &forall -->
<p>&#8706; => PARTIAL DIFFERENTIAL</p> <!-- &part -->
<p>&#8707; => THERE EXISTS</p> <!-- &exist -->
<p>&#8709; => EMPTY SETS</p> <!-- &empty -->
<p>&#8711; => NABLA</p> <!-- &nabla -->
<p>&#8712; => ELEMENT OF</p> <!-- &isin -->
<p>&#8713; => NOT AN ELEMENT OF</p> <!-- &notin -->
<p>&#8715; => CONTAINS AS MEMBER</p> <!-- &ni -->
<p>&#8719; => N-ARY PRODUCT</p> <!-- &prod -->
<p>&#8721; => N-ARY SUMMATION</p> <!-- &sum -->

<label>Simbol Greek</label>
<p>&#913; => GREEK CAPITAL LETTER ALPHA</p> <!-- &alpha -->
<p>&#914; => GREEK CAPITAL LETTER BETA</p> <!-- &beta -->
<p>&#915; => GREEK CAPITAL LETTER GAMMA</p> <!-- &gamma -->
<p>&#916; => GREEK CAPITAL LETTER DELTA</p> <!-- &delta -->
<p>&#917; => GREEK CAPITAL LETTER EPSILON</p> <!-- &epsilon -->
<p>&#918; => GREEK CAPITAL LETTER ZETA</p> <!-- &zeta -->

Untuk hasil atau output nya akan seperti ini :
 



Kemudian ketikkan script seperti dibawah ini juga, lihat output apa yang akan keluar.
<!DOCTYPE html>
<html>
<head>
    <title>BASIC 4</title>
</head>
<body>

<label>Simbol Greek</label>
<p>&#913; => GREEK CAPITAL LETTER ALPHA</p> <!-- &alpha -->
<p>&#914; => GREEK CAPITAL LETTER BETA</p> <!-- &beta -->
<p>&#915; => GREEK CAPITAL LETTER GAMMA</p> <!-- &gamma -->
<p>&#916; => GREEK CAPITAL LETTER DELTA</p> <!-- &delta -->
<p>&#917; => GREEK CAPITAL LETTER EPSILON</p> <!-- &epsilon -->
<p>&#918; => GREEK CAPITAL LETTER ZETA</p> <!-- &zeta -->

</body>
</html>
Maka, output yang akan keluar adalah seperti ini :



Untuk simbol yang terakhir, ketikkan script seperti dibawah ini :

<!DOCTYPE html>
<html>
<head>
    <title>BASIC 4</title>
</head>
<body>

<label>Simbol Entitas</label>
<p>&#169; => COPYRIGHT SIGN</p> <!-- &copy -->
<p>&#174; => REGISTERED SIGN</p> <!-- &reg -->
<p>&#8364; => EURO SIGN</p> <!-- &euro -->
<p>&#8482; => TRADEMARK</p> <!-- &trade -->
<p>&#8592; => LEFTWARDS ARROW</p> <!-- &larr -->
<p>&#8593; => UPWARDS ARROW</p> <!-- &uarr -->
<p>&#8594; => RIGHTWARDS ARROW</p> <!-- &rarr -->
<p>&#8595; => DOWNWARDS ARROW</p> <!-- &darr -->
<p>&#9824; => BLACK SPADE SUIT</p> <!-- &spades -->
<p>&#9827; => BLACK CLUB SUIT</p> <!-- &clubs -->
<p>&#9829; => BLACK HEART SUIT</p> <!-- &hearts -->
<p>&#9830; => BLACK DIAMOND SUIT</p> <!-- &diams -->

</body>
</html>
Output yang akan keluar dari script di atas adalah seperti ini :



Baiklah, seperti itulah caranya untuk membuat beberapa simbol-simbol dari HTML. Selamat Mencoba.



H.HASIL YANG DIDAPAT

Untuk sejauh ini, pada saat pembuatan simbol-simbol HTML belum ada kendala atau masalah yang saya hadapi. 

I.PENUTUP
 
sekian yang dapat saya sampaikan semoga bermanfaat..!!

J.REFERENSI