<html>
<head>
</head>
<body>
</body>
</html> 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> Contoh:
<p style="color:blue">p = nama-elemen, style = nama-atribut dan color:blue = nilai-atribut</p>
p = nama-elemen, style = nama-atribut dan color:blue = nilai-atribut
Elemen HTML tanpa atribut:
<nama-elemen>Konten</nama-elemen> <p>Paragraf tanpa ada atribut</p> Paragraf tanpa ada atribut
Elemen HTML bisa memiliki beberapa atribut dengan dibatasi oleh spasi:
<nama-elemen atribut1 atribut2>Konten</nama-elemen> <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 ketulisan ini untuk melihat titelnya.
<input type="button" value="Tombol"> Sebagian dari elemen-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:
<img src="images/yahoo.gif" width="147" height="31" alt="Yahoo"> 
Elemen-elemen HTML tanpa tag penutup tersebut biasanya hanya memiliki atribut-atribut tanpa ada konten seperti pada tag <p> diatas.
source
