Sebuah
elemen HTML biasanya terdiri dari tag start dan tag end,
dengan konten yang dimasukkan di antaranya:
< Tagname > Konten ini ... < / tagname >
Elemen
HTML adalah semua konten dari awal tag hingga ke tag akhir:
< P > Nama pertama saya < / P >
Start tag
|
Element content
|
End tag
|
<h1>
|
My First Heading
|
</h1>
|
<p>
|
My first paragraph.
|
</p>
|
<br>
|
Elemen HTML tanpa konten disebut juga elemen
kosong. elemen kosong tidak memiliki tag akhir, seperti unsur Situs (yang
menunjukkan satu baris).
Elements HTML Bersarang
elemen
HTML dapat mengandung unsur (bersarang).
Semua
dokumen HTML terdiri dari elemen HTML bersarang.
Contoh
ini berisi empat elemen HTML:
<!DOCTYPE html>
<html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html> |
misalnya Dijelaskan
Elemen
<html> mendefinisikan seluruh dokumen .
Memiliki tag
awal <html> dan tag akhir </ html>.
Unsur konten adalah
elemen HTML lain (<body> unsur).
<html>
<body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html> |
Elemen
<body> mendefinisikan tubuh dokumen .
Memiliki tag
awal <body> dan tag akhir </ body>.
Unsur konten adalah
dua elemen HTML lainnya (<h1> dan <p>).
<body>
<h1>My First Heading</h1> <p>My first paragraph.</p> </body> |
elemen <h1>
mendefinisikan heading .
Memiliki
tag awal <h1> dan tag akhir </ h1>.
Unsur konten adalah:
Heading Pertama saya.
<h1>My First Heading</h1>
|
elemen
<p> mendefinisikan paragraph .
Memiliki tag
awal <p> dan tag akhir </ p>.
Unsur konten adalah:
My first paragraph
<p>My first paragraph.</p>
|
Jangan Lupakan End Tag
Beberapa
elemen HTML akan ditampilkan dengan benar, tetepi jangan sampai Anda melupakan
tag terakhir atau end tag
Contoh
:
<html>
<body> <p>This is a paragraph <p>This is a paragraph </body> </html> |
Contoh
syntax di atas bekerja di semua browser, karena tag penutup dianggap opsional.
Elements Kosong HTML
elemen
HTML tanpa konten yang disebut elemen kosong.
Situs
adalah elemen kosong tanpa tag penutup (tag <br> mendefinisikan satu
baris).
elemen
kosong bisa "tertutup" dalam tag pembuka seperti ini: <br />.
HTML5
tidak mengharuskan elemen kosong harus ditutup. Tetapi jika Anda ingin
validasi ketat, atau jika Anda ingin membuat dokumen Anda dibaca oleh parser
XML, Anda harus menutup semua elemen HTML dengan benar.
Gunakan
huruf kecil Tags
tag
HTML tidak sensitif case : <P> berarti sama dengan <p>.
HTML5
standar tidak memerlukan tag huruf kecil, tapi Baralax merekomendasikan huruf
kecil di HTML, dan menuntut huruf kecil untuk jenis dokumen ketat
seperti XHTML.