Tahukan anda bahwa susunan dokumen HTML terdiri dari beberapa elemen HTML?
Elemen HTML
Elemen HTML terdiri dari tag pembuka, tag penutup, dan konten yang diapit diantaranya:
<namatag>konten</namatag>
Jadi, elemen HTML adalah semua mulai dari tag awal sampai tag akhir
<p>My first HTML paragraph.</p>
tag AWAL
|
KONTEN Element
|
tag AKHIR
|
<h1>
|
Heading Pertamaku
|
</h1>
|
<p>
|
Paragraph Pertamaku
|
</p>
|
<br>
|
Beberapa elemen HTML tidak memiliki tag akhir
Elemen HTML Bersarang
Elemen HTML dapat bersarang (elemen dapat berisi elemen).
Semua dokumen HTML terdiri dari elemen HTML bersarang.
Contoh ini berisi 4 elemen HTML:
Contoh:
<!DOCTYPE html>
<html>
<body>
<h1>Heading Pertamaku.</h1>
<p>Paragraph Pertamaku.</p>
</body>
</html>
<html>
<body>
<h1>Heading Pertamaku.</h1>
<p>Paragraph Pertamaku.</p>
</body>
</html>
Penjelasan Contoh HTML
elemen <html> mendefinisikan seluruh bagian dari seluruh dokumen.
Tag ini memiliki tag awal <html> dan tag akhir </ html>.
Isi elemennya adalah elemen HTML lain (elemen <body> ).
<html>
<body>
<h1>Heading pertamaku</h1>
<p>Paragraphpertamaku.</p>
</body>
</html>
<body>
<h1>Heading pertamaku</h1>
<p>Paragraphpertamaku.</p>
</body>
</html>
Elemen <body> mendefinisikan tubuh dari dokumen.
Tag ini memiliki tag awal <body> dan tag akhir </body>.
Konten elemennya adalah dua elemen HTML lainnya (<h1> dan <p>).
Tag ini memiliki tag awal <body> dan tag akhir </body>.
Konten elemennya adalah dua elemen HTML lainnya (<h1> dan <p>).
<body>
<h1>Heading pertamaku</h1>
<p>Paragraph pertamaku.</p>
</body>
<h1>Heading pertamaku</h1>
<p>Paragraph pertamaku.</p>
</body>
Elemen <h1> mendefinisikan sebuah heading.
dimulai dengan tag pembuka <h1> dan diakhiri dengan tag penutup </h1>.
Konten dari elemen adalah: Heading pertamaku.
Elemen <p> mendefinisikan sebuah paragraf.
dimulai dengan tag pembuka <p> dan tag penutup</p>.
Kontent dari elemennya adalah : Paragraph pertamaku.
<p>Paragraph pertamaku.</p>
Jangan Lupakan Tag Penutup
Beberapa elemen HTML akan muncul dengan benar, bahkan jika Anda lupa dengan memberikan tag akhir:
Contoh:
<html>
<body>
<p>Ini adalah Paragraph
<p>Ini adalah Paragraph
</body>
</html>
Contoh di atas dapat bekerja di semua jenis browser, karena tag penutup dianggap opsional. Jangan pernah menuliskan tag yang tidakmemiliki penutup. Hal ini mungkin dapat menyebabkan hasil yang tidak diharapkan dan / atau kesalahan jika Anda lupa menuliskan tag akhir pada elemen HTML anda.
Elemen HTML yang kosong
Elemen HTML tanpa konten yang disebut elemen kosong.
<br>adalah elemen kosong tanpa tag penutup (tag <br> adalah definisi dari satu baris).
Elemen kosong bisa "ditutup" dalam tag pembuka seperti ini: <br />.
Pada HTML5 elemen kosong tidak harus ditutup. Tetapi jika Anda dalam validasi yang ketat, atau Anda perlu membuat dokumen Anda dibaca oleh parser XML, Anda harus menutup semua elemen HTML.
HTML Tip: Gunakan Tag dengan huruf kecil semua
Tag HTML tidak case sensitif: artinya penulisan tag <P> berarti sama dengan <p>.
Standar HTML5 tidak memerlukan tag huruf kecil, tapi W3C merekomendasikan huruf kecil di HTML4, dan menuntut huruf kecil untuk jenis dokumen ketat seperti XHTML.
Share this
0 Comment to "Elemen HTML"
Post a Comment