Belajar HTML5 Dasar - Pengenalan Tag Tag HTML5 Baru
Tahun 2011 merupakan tahunnya HTML5, setelah Internet
Explorer 9 rilis beberapa bulan lalu, maka semua browser utama (IE,
Firefox, Safari, Chrome dan Opera) telah mendukung HTML5 dan CSS3. Ya
walaupun belum semua fungsi HTML5 & CSS3 didukung spenuhnya, tetapi
tahun ini merupakan lahirnya HTML5. Jadi tunggu apa lagi, Anda masih
pakai XHTML? atau mungkin malah HTML4? mulailah belajar HTML5, ada
banyak tag2 baru yang sangat menarik. Disini saya akan mengajari tag-tag
yang baru saja dan yang paling banyak digunakan dalam melayout sebuah
website.
Sebelum anda meneruskan membaca artikel ini, saya sarankan anda paham mengenai dasar-dasar HTML dan dasar-dasar CSS
terlebih dahulu. Karena disini saya hanya akan menerangkan tag-tag yang
baru di HTML5, maka saya asumsikan Anda sudah tahu tag-tag yang lama.
Oke, sebelumnya kita nanti akan membuat sebuah website dengan HTML5 yang layoutnya / wireframe nya kira-kira seperti ini:
Nah dengan wireframe seperti itu nanti kira-kira kita akan menggunakan tag berikut ini:
Oke ada banyak tag yang baru yah, mari kita mulai saja, siapkan teks editor Anda dan kita buat deklarasi HTML5 beserta
lang="en">
charset="utf-8" />
</span>Drop Down Menu<span class="sh_keyword">
Isi web disini
Sip, lebih simpel kan, kalau dulu jaman XHTML kita perlu mendeklarasikan transitional, atau strict, sekarang cukup
Tag pertama kita adalah
Nah, didalam
Weittss
, apa lagi ini? Oke gampangnya jika kita memiliki satu atau lebih dari satu heading berurutan
id="main-header">
Ini Website HTML5 pertama saya
Dan juga yang terakhir karena saya bingung
.
Nah, dari namanya sudah kelihatan kalau ini fungsinya untuk menampilkan navigasi pada website Anda. Ya kalau dulu kita pakai
- untuk membuat navigasi menu, nah sekarang kita pakai... ummm.. ya sama pakai
id="main-header">
Ini Website HTML5 pertama saya
Dan juga yang terakhir karena saya bingung
Oke, kalau sudah lihat contohnya paham kan, sip nanti kita masih akan menambahkan sesuatu kedalam
Nah, dari namanya sudah kelihatan kalau ini fungsinya untuk menampilkan navigasi pada website Anda. Ya kalau dulu kita pakai
- untuk membuat navigasi menu, nah sekarang kita pakai... ummm.. ya sama pakai
juga, tetapi kita bungkus dengan
Posting Komentar