Tag Dasar HTML
Seperti
dijelaskan bahwa tag dasar dari suatu dokumen HTML itu terdiri dari 3
elemen utama yaitu: html, head dan body. Yang dalam penulisannya diawali
dengan tag pembuka "<…>" dan diakhiri dengan tag penutup
"</…>".
Untuk
membuktikannya bisa dengan melihat kode sumber (source code) dari suatu
halaman website. Caranya adalah dengan membuka salah satu website
kemudian bagi yang menggunakan browser Firefox, Google Chrome atau Opera
tekan Ctrl+U, untuk Safari tekan Ctrl+Alt+U sedangkan untuk Internet
Explorer tekan Alt, V kemudian C.
Dengan
cara anda masing-masing mulailah mencari ketiga tag diatas. Dengan
melihat kode sumber kita juga bisa belajar tentang tag-tag apa saja yang
ada di antara tag <head> maupun yang berada di antara tag
<body>.
Pada
bagian paling atas atau sebelum tag <html> mungkin anda akan
melihat <!DOCTYPE bla… bla…>, ini disebut DOCTYPE deklarasi
fungsinya adalah untuk menunjukkan tipe dokumen dan versi yang
digunakan.
Walaupun kelihatannya agak rumit ketika kita melihat kode sumber tersebut tetapi kalau diperhatikan secara seksama bahwa rumus penulisan tag-tag html tersebut adalah sama.
Untuk nama-elemen anda bisa melihat tabelnya di w3.org HTML Elements, untuk atribut terdiri dari 2 bagian yaitu nama dan nilai, contoh penulisannya adalah: nama="nilai"
Contoh:
Hasil:
p = nama-elemen, style = nama-atribut dan color:blue = nilai-atribut
Sebagai referensi untuk atribut-atribut HTML bisa di lihat di w3.org HTML Attributes
Elemen HTML tanpa atribut:
Contoh:
Hasil:
Paragraf tanpa ada atribut
Elemen HTML bisa memiliki beberapa atribut dengan dibatasi oleh spasi:
Contoh:
Hasil:
Paragraf dengan atribut style dan title – geser mouse ke tulisan ini untuk melihat titelnya.
Contoh lainnya:
Hasil:
Sebagian
dari elelen-elemen HTML ada yang tidak memerlukan tag penutup seperti
contoh diatas. Contoh lainnya tag <img>, tag <img> digunakan
untuk menampilkan gambar (image) di dalam dokumen HTML.
Contoh tag <img> dengan beberapa atribut:
Hasil:
Elemen-elemen
HTML tanpa tag penutup tersebut biasanya hanya memiliki atribut-atribut
tanpa ada konten seperti pada tag <p> diatas.
Sumber :http://dani-idham.blogspot.com/2014/01/tag-dasar-html.html
Sumber :http://dani-idham.blogspot.com/2014/01/tag-dasar-html.html
Comments
Post a Comment
1.Jangan Lupa Commentnya :)