HTML – Elemen
Dokumen HTML didefinisikan oleh elemen-elemen HTML.
Elemen HTML
Sebuah elemen HTML adalah segala yang ada di antara tag mulai dan tag akhir:
| Tag Awal* | Isi Elemen | Tag Akhir* |
| <p> | Ini adalah paragraf | </p> |
| <a href=”default.htm” > | Ini adalah link | </a> |
| <br /> |
* Tag awal sering disebut tag pembuka. Tag akhir sering disebut tag penutup.
Sintaks HTML Elemen
- Sebuah elemen HTML dimulai dengan tag awal / pembuka tag
- Sebuah elemen HTML diakhiri dengan tag akhir / tag penutup
- Materi elemen adalah segala yang ada antara awal dan tag akhir
- Beberapa elemen HTML memiliki konten kosong
- elemen Kosong ditutup pada tag mulai
- Sebagian besar elemen HTML dapat memiliki atribut
(Kamu akan belajar tentang atribut elemen pada bab selanjutnya dari tutorial ini)
Nested HTML (Bersarang)
Sebagian besar HTML elemen dapat bersarang (dapat berisi unsur lain HTML).
Dokumen HTML terdiri dari elemen HTML bersarang.
Contoh Dokumen HTML
| <html>
<body> </html> |
Contoh di atas memiliki 3 elemen HTML.
Penjelasan Contoh
Elemen<p> :
| <p>This is my first paragraph</p> |
Unsur <p> mendefinisikan sebuah paragraf dalam dokumen HTML
Elemen ini memiliki tag awal <p> dan tag akhir </ p>
Isi elemen adalah: This is my first paragraph
Elemen <body> :
| <body> <p>This is my first paragraph</p> </body> |
Unsur <body> mendefinisikan tubuh dokumen HTML
elemen ini memiliki tag awal <body> dan tag akhir </ body>
Isi elemen adalah elemen HTML lain (Paragraf)
Elemen <html>:
| <html>
<body> </html> |
Unsur mendefinisikan seluruh dokumen HTML.
elemen ini memiliki tag awal dan tag akhir
Isi elemen adalah elemen HTML lain (body)
Jangan Lupa Dengan Tag Penutup
Kebanyakan browser akan menampilkan HTML dengan benar bahkan jika Kamu lupa dengan tag akhir:
| <p>This is a paragraph <p>This is a paragraph |
Contoh di atas akan bekerja di hampir semua browser, tapi jangan bergantung padanya. Lupa tag akhir dapat menghasilkan hasil yang tidak diharapkan atau kesalahan.
Catatan: Masa Depan Versi HTML tidak akan memungkinkan Kamu untuk melewatkan akhir tag.
Elemen HTML Kosong
Elemen HTML tanpa isi (kosong) disebut elemen kosong. Elemen Kosong dapat ditutup pada tag mulai.
<br> adalah elemen kosong tanpa tag penutup (itu mendefinisikan satu baris).
Dalam XHTML, XML, dan versi masa depan dari HTML, semua elemen harus ditutup.
Menambahkan garis miring dengan tag mulai, seperti <br />, adalah cara yang tepat untuk menutup elemen kosong, diterima oleh HTML, XHTML dan XML.
Bahkan jika <br> bekerja di semua browser, menulis <br />bukan merupakan bukti lebih masa depan.
Tip HTML : Gunakan Lowercase Tag
Tag HTML tidak sensitif. huruf: <P> berarti sama dengan <p>. Banyak situs web menggunakan tag HTML besar di halaman mereka.
Tag Belejarweb.web.id menggunakan huruf kecil karena World Wide Web Consortium (W3C) merekomendasikan huruf kecil dalam HTML 4, dan tuntutan tag huruf kecil dalam versi masa depan (X) HTML.
