HTML – Elemen

Elemen HTML

Dokumen HTML didefinisikan menggunakan elemen-elemen HTML. Elemen HTML sering disamakan dengan tag HTML. meskipun keduanya hampir sama tetapi antara tag dan elemen adalah berbeda. Elemen  adalah Semua Bagian dari dimulainya sebuah tag sampai dengan penutup tag termasuk didalamnya adalah tag tersebut. Elemen terdiri atas tiga bagian yaitu tag pembuka, isi, dan tag penutup. Setiap tag HTML memiliki sebuah nama elemen (body, h1, p, br). Teks di antara kedua tag tersebut disebut isi elemen. Isi elemen  berada diantara tag pembuka dan tag penutup.

Contoh element:

<p> contoh sebuah elemen paragraf</p>

pada contoh diatas “<p> contoh sebuah elemen paragraf</p>” merupakan sebuah element P (paragraf)

Empty Elements

Ada Beberapa elemen tidak memiliki isi elemen dan tidak memiliki tag penutup , seperti <img … />, <hr /> dan <br />. Elemen HTML yang tidak memiliki konten atau isi disebut sebagai ’empty element’  atau “elemen kosong”. Elemen dapat ditutup pada awal tag. <br> adalah contoh elemen kosong yang tidak memerlukan end tag. <br> bermakna ganti baris. Pada XHTML, XML, dan versi HTML yang lebih baru, semua elemen harus ditutup dengan end tag. Cara yang tepat untuk menutup elemen kosong yang dapat diterima oleh HTML, XHTML dan XML adalah dengan menambahkan garis miring di awal tag, seperti <br />. Walaupun <br> terbukti berjalan baik disemua browser, menulis <br /> akan lebih baik.

Hampir semua browser dapat menampilkan HTML dengan baik walaupun kita lupa memberi end tag pada suatu elemen HTML. Tetapi terdapat pula beberapa elemen yang akan menimpulkan kesalahan (errors) saat kita lupa memberikan end tag. Oleh karena itu, akan lebih baik kita tidak lupa menulis end tag pada suatu elemen.

Nested Elements

Dalam penulisan dokumen HTML dipastikan menggunakan banyak elemen. Satu halaman sebuah web bisa mengandung ratusan hingga ribuan elemen. Suatu elemen dapat berada di dalam elemen lain atau elemen tersebut menjadi isi / konten pada elemen lain. Hampir semua elemen HTML dapat mengindukdi elemen lainnya. Sehingga dapat disimpulkan bahwa dokumen HTML terdiri dari elemen HTML yang menginduk. Nested HTML adalah sebuah elemen yang berada di dalam elemen HTML lainnya.

contoh nested HTML:

<body><h1>ini merupakan contoh nested </h1></body>

 

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: