Lompat ke konten Lompat ke sidebar Lompat ke footer

Macam-Macam Elemen HTML, Pengertian, Contoh, dan Fungsinya

Macam-Macam Elemen HTML, Pengertian, Contoh, dan Fungsinya - Sebuah elemen HTML biasanya terdiri dari tag awal tag dan akhir, dengan konten yang dimasukkan di antara:
<tagname> konten disini ... </tagname>
Elemen HTML adalah segalanya dari tag awal ke tag akhir:
<p> paragraf pertama saya. </p>
Tag Awal Isi Elemen Tag Akhir
<h1> Heading Pertama Saya </h1>
<p> Paragraf Pertama Saya <p>
<br/>

Elemen HTML tanpa konten disebut elemen kosong. Elemen kosong tidak memiliki tag akhir, seperti <br> (yang menunjukkan satu baris).

Macam-Macam Elemen HTML, Pengertian, Contoh, dan Fungsinya_
baca juga:

Elemen HTML Bersarang 

Elemen HTML dapat bersarang (elemen dapat mengandung unsur) < >.

Semua dokumen HTML terdiri dari elemen HTML bersarang.

Contoh ini berisi empat elemen HTML:
<!DOCTYPE html>
<html>
<body>
<h1> Heading Pertama Saya </h1>
<p> Paragraf pertama Saya. </p>
</body>
</html>

Penjelasan Contoh

<html> mendefinisikan seluruh dokumen.

Ini memiliki tag awal <html> dan tag akhir </html>.

Isi elemen adalah elemen HTML lain (elemen <body>).
<html><body><h1> Heading Pertama Saya </h1><p> Paragraf pertama Saya</p>
</body>
</html>
<body> mendefinisikan badan dokumen.

Ini memiliki tag awal <body> dan tag akhir </body>.

Isi elemen adalah dua elemen HTML lainnya (<h1> dan <p>).
<body><h1> Heading Pertama Saya </h1><p> Paragraf pertama Saya</p>
</body>

<h1> mendefinisikan heading.

Ini memiliki tag awal <h1> dan tag akhir </h1>.

Isi elemen adalah: Heading Pertama saya.
<h1> Heading Pertama Saya </h1>

<p> mendefinisikan sebuah paragraf.

Ini memiliki tag awal <p> dan tag akhir </p>.

Isi elemen adalah: Paragraf Pertama Saya.
<p> Paragraf pertama Saya</p>

Jangan Lupakan Tag Penutup

Beberapa elemen HTML akan tetap ditampilkan dengan benar, bahkan jika Anda lupa memberikan tag akhir/penutup:

Contoh
<html><body><p>Ini adalah paragraf<p>Ini adalah paragraf</body></html>

Contoh di atas bekerja pada semua browser, karena tag penutup dianggap opsional.

Jangan selalu bergantung pada ini. Ini mungkin menghasilkan hasil yang tak terduga dan / atau kesalahan jika Anda lupa tag akhir. Selalu ingat untuk memberikan tag akhir untuk menghindari kesalahan pada penulisan HTML.

Elemen Kosong HTML

Elemen HTML tanpa konten 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 selalu memerlukan elemen kosong yang ditutup. Tetapi jika Anda ingin validasi ketat, atau jika Anda ingin membuat dokumen yang bisa dibaca oleh parser XML, Anda harus menutup semua elemen HTML dengan benar.

Gunakan Tags Huruf Kecil

Tag HTML tidak case sensitif: <P> berarti sama dengan <p>.

HTML5 standar tidak memerlukan tag huruf kecil, tapi kami merekomendasikan huruf kecil di HTML, dan menuntut huruf kecil untuk jenis dokumen ketat seperti XHTML.

Sekian artikel tentang Macam-Macam Elemen HTML, Pengertian, Contoh, dan Fungsinya. Selamat mencoba dan semoga bermanfaat.
Nikita Dini
Nikita Dini Blogger, Internet Marketer, Web Designer

Posting Komentar untuk "Macam-Macam Elemen HTML, Pengertian, Contoh, dan Fungsinya"