0
Pengertian HTML 5
Posted by Unknown
on
21.45
Saya
ingin mencoba menjelaskan mengenai langkah-langkah membuat html 5 dan
pengertiannya.
Sebelum menjelaskan mengenai langkah-langkah
pembuatannya, saya akan menjelaskan mengenai HTML itu sendiri. HTML ialah
singkatan dari Hypertext Markup Language. Dan merupakan bahasa standard untuk
membuat dokumen HTML(halaman web). Program penunjang untuk membuat html,
seperti notepad,dreamweaver, dan Ms. frontpage. HTML didalamnya terdapat
tenggara yang berguna untuk menampilkan informasi-informasi.Sedangkan Web
browser adalah sebuah progam yang dapat menterjemahkan kode perintah dari
dokumen HTML tersebut sehingga dapat kita lihat, baca dan dengar. Contoh dari
Web Browser adalah Internet Explorer, Netscape Navigator, Mozilla Firefox,
Opera, Safari.
Berikut
ini alasan-alasan menggunakan html 5:
1.
Accessibility
HTML5
membuat situs mudah diakses karena dua alasan utama: semantik dan ARIA. Tag
Baru (beberapa) untuk HTML pos seperti <header>, <footer>,
<nav>, <section>, <aside>, dll memungkinkan browser untuk
mengakses konten dengan mudah. Sebelumnya, kita hanya menentukan hal tersebut
dengan tag <div> dan menggunakan atribut id ataupun class. Dengan tag
html5 yang baru browser dapat memeriksa dokumen HTML dengan lebih baik.
ARIA
adalah spesifikasi W3C yang mempunyai peran spesifik dalam mengatur
elemen-elemen dalam dokumen HTML. Untuk lebih dalam diskusi mendalam tentang
HTML5 dan ARIA silahkan kunjungi url WAI ini.
2.
Video and Audio Support
HTML5
membuat video dan audio anda benar-benar diakses dengan tag <video> dan
tag <audio>. Tag video dan audio
ini dibuat hampir sama dengan tag untuk image/gambar yaitu :<video
src=”url”/>. Tapi bagaimana dengan
semua parameter seperti tinggi, lebar dan autoplay? Jangan khawatir sobat, kita
tinggal mendefinisikan atribut-atribut dalam tag seperti halnya elemen HTML
lainnya : <video src=”url” width=”640px” height=”380px” autoplay/>.
3.
Doctype
(doctype template)
Saya
disini akan mencoba menjelaskan cara membuat html menggunakan notepad. Dan cara
pertama ialah cara yang paling sederhana, yaitu:
<html>
<head>
<title>Titel tugas 1</title>
</head>
<body>
dokumen HTML 5
</body>
</html>
Elemen
HTML kemudian ada yang memiliki atribut dan nilai tertentu, seperti contoh
untuk membuat warna latar belakang (background): <body
bgcolor="550ee">, body merupakan elemen, bgcolor adalah atribut
dan 550ff merupakan nilai (value).
Elemen
HTML mempunyai tiga hal penting yaitu: tag pembuka, isi, dan tag penutup.
Sebagai contoh: Elemen html mempunyai tag pembuka " <html>" dan
tag penutup " </html>" dan yang berada diantaranya merupakan
isi atau konten dari elemen html tersebut. Untuk menuliskan Elemen HTML bisa
menggunakan huruf besar maupun huruf kecil. Contoh: <HTML>, <HtMl>,
<HTml>, <html>, semuanya adalah sama.
Tag
Dasar HTML:
Komponen dasar dari suatu dokumen HTML terdiri dari
tag elemen HTML, HEAD dan BODY. Berikut ini adalah penjelasan dari Tag Elemen
tersebut:
<html>
<head>
<title>TUGAS 2 </title>
</head>
<body>
tugas 2 mengenai Indonesia
</body>
</html>
1.
Tag pertama pada dokumen HTML diatas adalah: " <html>" tag ini
merupakan awal dari suatu dokumen HTML, dan tag " </html>"
merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen HTML
selalu berada diantara tag <html>…</html>.
2. Kemudian tag "
<head>…</head>" (header) adalah informasi dari dokumen HTML.
Informasi di dalam header meliputi: title, meta, style, script dll. Selain
Title informasi di dalam header ini nantinya tidak akan di tampilkan di web
browser.
3.
Tag berikutnya adalah " <title>…</title>" merupakan
bagian dari Head, tag ini adalah sebagai Titel dari dokumen HTML, titel ini
akan tampil di titel dan tab browser. Sebagai contoh sewaktu anda membuka file
contoh diatas perhatikan akan muncul tulisan "Tugas 2".
4. Tag "<body>…</body>"
merupakan isi dari suatu dokumen HTML yang akan ditampilkan di web browser,
yang terdiri dari berbagai macam format file berupa teks, grafik, link, animasi
maupun audio-video (multimedia).
5.
Terdapat banyak kode kode dasar tertentu untuk mendukung pembuatan halaman web
seperti:
• Tag untuk mengubah atau mengedit text
dalam sebuah dokumen HTML 5
1. <b> </b> untuk membuat huruf
menjadi tebal atau bold
2. <i> </i> untuk membuat huruf
menjadi miring atau italic
3. <u> </u> untuk membuat huruf
menjadi bergaris bawah atau underline
• Tag
untuk mengatur paragraf:
1. <p> </p> ini untuk membuat
paragraf
2. <br> untuk membuat baris baru
3. <center></center> untuk
membuat tulisan menjadi ditengah atau center
• Tag membuat bullets dan numbering
1. <ul></ul> ini untuk membuat
bullets
2. <ol></ol>ini untuk membuat numbering
3. <li></li> ini bagian dari
tag ul ataupun il
Contoh
pemakaiannya seperti
<ul>
<il>text</il>
<il>text</il>
</ul>
• Tag untuk mengubah-ubah warna pada
text :
1. <FONT SIZE=”text” COLOR=”text”
FACE=”text”>text</FONT>.
Keterangan
, SIZE untuk mengubah ukuran huruf , COLOR untuk mengubah warna, lalu FACE
untuk mengubah jenis huruf.
Saya akan memberi tahu mengenai kekurangan dan
kelebihan html. Karena tentunya semua ciptaan atau buatan manusia pasti
memiliki kekurangan dan kelebihannya masing-masing.
Kekurangan
dari HTML ini adalah:
• Menghasilkan halaman yang statis,
untuk memperoleh halaman yang dinamis harus menggunakan bahasa pemrograman
tertentu seperti Javascript dan animasi
seperti Flash.
• Memiliki tag-tag yang begitu banyak
sehingga susah dipelajari untuk yang masih awam.
• Tidak dapat menghasilkan halaman yang
interaktif.
Kelebihan-kelebihan HTML antara lain:
• Merupakan bahasa penkodean yang
lintas platform (cross platform), maksudnya HTML dapat digunakan pada berbagai
jenis mesin komputer yang berbeda dan berbagai macam sistem operasi yang
berbeda. Jadi bersifat fleksibel karena ditulis cukup dengan menggunakan editor
karakter ASCII.
• Dapat disisipi gambar baik gambar
statis atau dinamis (animasi) termasuk menggunakan gambar untuk dijadikan
hyperlink.
• Dapat disisipi animasi berupa Java
Applet atau file-file animasi dari Macromedia Flash atau Macromedia Shockwave
(untuk keperluan ini, browser harus memiliki plug-in khusus untuk menjalankan
file-file animasi ini).
Sekian penjelasan mengenai keterangan dan
langkah-langkah membuat html 5 semoga bisa membantu dalam mempelajarinya.
Posting Komentar