Elemen HTML
Elemen HTML ditulis dengan tag pembuka, dengan tag akhir, dengan konten di antaranya:
<Tagname> konten </ tagname>
Elemen HTML adalah segalanya mulai dari tag awal hingga tag akhir:
<P> Paragraf HTML pertama saya. </ P>
Mulai tag Elemen konten End tag
<H1> Pos Pertama Saya </ h1>
<P> paragraf pertama saya </ P>
<br>
Catatan Beberapa elemen HTML tidak memiliki tag akhir.
Elemen HTML Bersarang
Elemen HTML bisa disarangkan (elemen bisa mengandung unsur).
Semua dokumen HTML terdiri dari elemen HTML bersarang.
Contoh ini berisi 4 elemen HTML:
Contoh
<! DOCTYPE html>
<Html>
<Body>
<H1> Pos Pertama Saya </ h1>
<P> paragraf pertama saya. </ P>
</ Body>
</ Html>
Contoh HTML Dijelaskan
Elemen <html> mendefinisikan keseluruhan dokumen.
Ini memiliki tag awal <html> dan tag akhir </ html>.
Elemen konten adalah elemen HTML lainnya (elemen <body>).
<Html>
<Body>
<H1> Pos Pertama Saya </ h1>
<P> paragraf pertama saya. </ P>
</ Body>
</ Html>
Elemen <body> mendefinisikan badan dokumen.
Ini memiliki tag awal <body> dan tag akhir </ body>.
Konten elemen adalah dua elemen HTML lainnya (<h1> dan <p>).
<Body>
<H1> Pos Pertama Saya </ h1>
<P> paragraf pertama saya. </ P>
</ Body>
Elemen <h1> mendefinisikan sebuah judul.
Ini memiliki tag awal <h1> dan tag akhir </ h1>.
Isi elemennya adalah: My First Heading.
<H1> Pos Pertama Saya </ h1>
Elemen <p> mendefinisikan sebuah paragraf.
Ini memiliki tag awal <p> dan tag akhir </ p>.
Isi elemennya adalah: paragraf pertama saya.
<P> paragraf pertama saya. </ P>
Jangan Lupakan Tag Akhir
Beberapa elemen HTML akan ditampilkan dengan benar, bahkan jika Anda lupa tag akhir:
Contoh
<Html>
<Body>
<P> Ini adalah paragraf
<P> Ini adalah paragraf
</ Body>
</ Html>
Contoh di atas bekerja di semua browser, karena tag penutup dianggap opsional.
Jangan pernah mengandalkan ini. Ini mungkin menghasilkan hasil dan / atau kesalahan yang tidak diharapkan jika Anda lupa tag akhir.
Elemen HTML Kosong
Elemen HTML tanpa konten disebut elemen kosong.
<br> adalah elemen kosong tanpa tag penutup (tag <br> mendefinisikan jeda baris).
Elemen kosong bisa "ditutup" pada tag pembuka seperti ini: <br />.
HTML5 tidak memerlukan elemen kosong untuk ditutup. Tetapi jika Anda menginginkan validasi lebih ketat, atau Anda perlu membuat dokumen Anda dapat dibaca oleh parser XML, Anda harus menutup semua elemen HTML.
Tip HTML: Gunakan Tag Huruf Kecil
Tag HTML tidak sensitif huruf: <P> sama dengan <p>.
Standar HTML5 tidak memerlukan tag huruf kecil, namun W3C merekomendasikan huruf kecil di HTML4, dan meminta huruf kecil untuk jenis dokumen yang lebih ketat seperti XHTML.
Out Of Topic Show Konversi KodeHide Konversi Kode