Jumat, 18 Mei 2012

Bedah HTML 5 (1)


Setahu saya HTML 5 adalah versi terbaru dari HTML. Dimana banyak tag-tag baru yang menarik (menurut sumber yang saya baca, saya sendiri belum tahu apa). Untuk awalnya, saya berusaha memahami perintah-perintah dasarnya saja dulu.. hihi.
1.      Silahkan coba ketikkan script di bawah ini pada Notepad
  
Penjelasan :
a.       kalau dulu jaman XHTML kita perlu mendeklarasikan transitional, atau strict, sekarang cukup .
b.      Kalau dulu kita pakai
c.      
jika kita memiliki satu atau lebih dari satu heading berurutan

maka kita bisa mengelompokkannya dengan
. Biasanya digunakan apabila kita memiliki judul dan ada sub judul, atau untuk judul web kemudian kita memiliki slogan. Tapi kalau headingnya cuma satu ya nggak usah dikasih
d.      kalau dulu kita pakai
  • untuk membuat navigasi menu, nah sekarang kita pakai… ummm.. ya sama pakai
    • juga, tetapi kita bungkus dengan .
e.      
digunakan untuk membungkus teks artikel atau teks utama dalam halaman web kita
f.       , sesuai namanya, digunakan untuk menunjukan waktu, biasanya digunakan untuk menunjukkan waktu publish artikel, komentar, forum dan lain sebagainya. memiliki atribut datetime yang berisi waktu bisa dalam format yyyy-mm-dd atau jam seperti 19:00. Hal ini digunakan agar mesin pencari dapat mengenali waktu dalam format standar meskipun kita menulisnya tidak dalam format standar
g.     
digunakan sebagai pembungkus untuk tag . Tetapi tidak selalu semua tag kita bungkus dengan
, hanya gambar-gambar yang utama saja atau gambar-gambar yang ingin kita beri label. Nah kita memberi labelnya dengan
h.     
diletakkan dibagian bawah website, tetapi kita tidak hanya menggunakannya diakhir website saja
Sekian dulu topik yang bisa saya jelaskan, jika ada yang mau menambahkan, mengkritik dan memberikan masukan. Silahkan Komentar di bawah yaaa….. Insyaallah kedepannya kita akan bedah total setotalnya…..
Hasil punya saya seperti di bawah ini, fotonya gak tampil.....wkwkwkwkwk

Sumber : http://blog.sibudi.net/5-teknik-dasar-html5-yang-wajib-anda-ketahui/

0 komentar:

Posting Komentar

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | cheap international calls