Tag Dasar HTML
Untuk melihat penjelasan dari Tag
Dasar HTML ini anda bisa membacanya di tulisan Belajar HTML dengan sub judul
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 "</…>".
<html> <head> </head> <body> </body>
</html>
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.
<nama-elemen atribut>Konten</nama-elemen>
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:
<p style="color:blue">p = nama-elemen, style =
nama-atribut dan color:blue = nilai-atribut</p>
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:
<nama-elemen>Konten</nama-elemen>
Contoh:
<p>Paragraf tanpa ada atribut</p>
Hasil:
Paragraf tanpa ada atribut
Elemen HTML bisa memiliki
beberapa atribut dengan dibatasi oleh spasi:
<nama-elemen atribut1 atribut2>Konten</nama-elemen>
Contoh:
<p style="color:blue" title="paragraf">Paragraf
dengan atribut style dan title - geser mouse ketulisan ini untuk melihat
titelnya.</p>
Hasil:
Paragraf dengan atribut style dan
title – geser mouse ke tulisan ini untuk melihat titelnya.
Tidak ada komentar:
Posting Komentar