Elemen HTML

Elemen HTML

Tag pembuka

isi

Tag penutup

<p>

Ini untuk paragraf

</p>

<a href="default.htm">

Ini untuk link

</a>

<br>

 

 

 

Sintax HTML

۩       Sebuah elemen HTML dimulai dengan tag awal / tag pembuka

۩       Sebuah elemen HTML diakhiri dengan tag akhir / tag penutup

۩       Isi elemen HTML adalah semua yang ada diantara tag pembuka dan tag penutup

۩       Sebagian elemen HTML memiliki konten kosong

۩       Elemen kosong ditutup pada tag pembuka

۩       Sebagian besar elemen HTML memiliki atribut.

 

Elemen HTML Nested

۩       Sebagian besar elemen html adalah nested (dapat berisi elemen HTML lainnya)

۩       Dokumen html berbentuk nested

 

Contoh dokumen HTML

<!DOCTYPE html>

<html>

 

<body>

<p>Paragraf pertamaku.</p>

</body>

 

</html>

*Contoh  di atas berisi tiga elemen HTML

 

Penjelasan Contoh

Elemen <p>:

<p>Paragraf pertamaku.</p>

۩       Elemen <p> menunjukkan sebuah paragraf pada dokumen HTML.

۩       Tag pembuka <p> dan tag penutup </p>.

۩        Isi elemen p : Paragraf pertamaku.

Elemen <body>:

<body>

<p>Paragraf pertamaku.</p>

</body>

۩       Elemen <body> menunjukkan body atau tubuh dari sebuah dokumen HTML.

۩       Tag pembuka <body> dan tag penutup </body>.

۩       Isi elemen body adalah elemen <p>.

 

Elemen HTML:

<html>

 

<body>

<p>Paragraf pertamaku.</p>

</body>

 

</html>

۩       Elemen HTML menunjukkan seluruh isi dokumen HTML.

۩       Tag pembuka <html> dan tag penutup </html>.

۩       Isi elemen HTML adalah elemen <body>.

 

Catatan:

۩       Jangan lupa tag penutup, sebagian elemen bisa berfungsi tanpa tag penutup, namun sebagian yang lain tidak.

۩       Elemen <br> bisa berfungsi tanpa tag penutup.

۩       Elemen HTML merupakan lowercase tag, besar kecilnya huruf tidak menjadi masalah.

 

Download contoh: Download

 

Leave a Reply