Dokumen HTML ditentukan oleh HTML elemen
HTML Elements
HTML element: adalah segala sesuatu dari tag buka hingga tag tutup.
| Tag Buka | Konten Element | Tag Tutup |
|---|---|---|
| <p> | Paragraf | </p> |
| <a href="default.htm"> | Klik disini untuk link | </a> |
| <br> |
HTML Element Syntax
- HTML element dimulai oleh tag buka
- HTML element diakhiri oleh tag tutup
- Konten diisi antara Elemen tag buka dan Elemen tag tutup
- Beberapa Elemen memiliki konten kosong
- Elemen kosong tidak memiliki tag buka dan tutup, tapi langsuns tag buka digabungkan dengan tag tutup
- Mayoritas Elemen HTML memiliki atribut
Nested HTML Element
Mayoritas HTML element bisa bersarang (Maksudnya diantara HTML element, bisa diisi oleh HTML element juga).
Contoh:
<!DOCTYPE html>
<html>
<body>
<p>Ini paragraf pertamax juragan.</p>
</body>
</html>
contoh diatas memiliki 3 HTML element.
Penjelasan kode diatas:
<p> Element:
<p>Ini paragraf pertamax juragan.</p><p> element menentukan paragraf dalam dokumen HTML.
terdiri dari tag buka <p> dan tag tutup </p>.
konten dari elemen ini adalah: Ini paragraf pertamax juragan.
<body> Element:
<body><body> element menentukan body (dokumen yang ditampilkan pada halaman web) dalam dokumen HTML.
<p>Ini paragraf pertamax juragan.</p>
</body>
terdiri dari tag buka <body> dan tag tutup </body>
konten dari element ini adalah HTML element <p> dan <a>
Jangan sampai lupa tag tutup karena tampilan HTML dapat menjadi kacau
Tapi sebaiknya harus ada tag tutupnya karena untuk beberapa kasus, dapat menyebabkan kerusakan dokumen yang tidak terduga.
Empty HTML Elements
HTML element yang tidak memerlukan konten, disebut Element kosong
<br> adalah element kosong, karena tidak memerlukan tag tutup (<br> digunakan untuk membuat baris baru / line break).
NB: pada XHTML dan XML semua element ada tag tutupnya begitu juga dengan empty HTML element <br> harus memiliki tag tutup yaitu </br>
Tips HTML: Gunakan huruf kecil
HTML tags bersifat "case sensitive", jadi tag <P> tidak akan jalan, harus dalam huruf kecil yaitu tag <p>.
<p>Ini paragraf pertamax juragan.Kode diatas tetap bisa berjalan pada mayoritas browser.
<p>Ini paragraf keduax juragan.
Tapi sebaiknya harus ada tag tutupnya karena untuk beberapa kasus, dapat menyebabkan kerusakan dokumen yang tidak terduga.
Empty HTML Elements
HTML element yang tidak memerlukan konten, disebut Element kosong
<br> adalah element kosong, karena tidak memerlukan tag tutup (<br> digunakan untuk membuat baris baru / line break).
NB: pada XHTML dan XML semua element ada tag tutupnya begitu juga dengan empty HTML element <br> harus memiliki tag tutup yaitu </br>
Tips HTML: Gunakan huruf kecil
HTML tags bersifat "case sensitive", jadi tag <P> tidak akan jalan, harus dalam huruf kecil yaitu tag <p>.
0 comments:
Post a Comment