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

Oleh Nikita Dini 26 Feb, 2017 Posting Komentar

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:

Pengertian HTML, Fungsi, Contoh, dan Cara Membuat HTML

Cara Membuat HTML Dengan Menggunakan Notepad Lengkap

Kumpulan Tag HTML Lengkap Beserta Penjelasan dan Fungsinya

Contoh dan Cara Membuat Script Tag HTML Dasar

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 Blogger, Internet Marketer, Web Designer

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

Tata tertib berkomentar
1. Komentar harus relevan dengan konten yang dibaca
2. Gunakan bahasa yang sopan
3. Tidak mengandung unsur SARA or Bullying.
4. Dilarang SPAM.
5. Dilarang menyisipkan link aktif pada isi komentar.

Berlakulah dengan bijak dalam menggunakan sarana publik ini. Baca dan pahami isinya terlebih dahulu, barulah Berkomentar. Terimakasih.