Element kebiasaanya terdiri dari permulaan tag dan penutup tag, dengan isi kandungan dimasukkan diantaranya.
<namatag>Isi kandungan disini</namatag>
Element adalah segalanya dari permulaan tag hingga ke penutup tag.:
<p>Ini perenggan saya</p>
Pemula
tag
|
Kandungan
Elemant
|
Penutup
tag
|
<h1>
|
Heading pertama saya
|
</h1>
|
<p>
|
Baris peranggan pertama saya
|
</p>
|
<br>
|
Nested HTML Elements
Untuk element yang tiada isi kandungan seperti baris kosong (didalam word seperti kita menekan enter) ia tidak menpunyai sebarang pemula tag dan penutup tag tetapi hanya dengan element ini sahaja digunakan <br> iaitu dikenali sebagai "line break"
HTML elements juga boleh dibina secara bersarang(nested element),iaitu element didalam element, Hampir semua dokumen HTML terdiri dari element html bersarang.
Ini adalah sebahagian contoh elemen bersarang; elements:
<!DOCTYPE html>
<html>
<body>
<h1>Ini Heading pertama saya</h1>
<p>Ini perenggan pertama saya.</p>
</body>
</html>
<html>
<body>
<h1>Ini Heading pertama saya</h1>
<p>Ini perenggan pertama saya.</p>
</body>
</html>
Penerangan Contoh Diatas
<html> element mengtakrif keseluruhan dokument, ia bermula dengan tag pemula <html> dan diakhiri dengan penutup tag </html> dan diantaranya mengandungi satu lagi element iaitu element <body>
<html>
<body>
<h1>Ini Heading pertama saya</h1>
<p>Ini perenggan pertama saya.</p>
</body>
</html>
element <body> pula ditakfirkan sebagai badan kepada dokumen (document body), ia dimulakan dengan tag pemula <body> dan diakhiri dengan tag penutup </body>. Diantaranya mengandungi dua lagi element lain iaitu <h1> dan <p><body>
<h1>Ini Heading pertama saya</h1>
<p>Ini perenggan pertama saya.</p>
</body>
</html>
<body>
<h1>Ini Heading pertama saya</h1>
<p>Ini perenggan pertama saya.</p>
</body>
<h1>Ini Heading pertama saya</h1>
<p>Ini perenggan pertama saya.</p>
</body>
<h1> ditakrifkan sebagai headings dimana ia bermula dengan tag pemula <h1> dan diakhiri dengan tag penutup </h1> dan kandungan element tersebuat adalah : Heading pertama saya
<h1>Ini Heading pertama saya</h1>
element <p> ditakrifkan sebagai paragraf dan ia dimulakan dengan tag pemula <p> dan diakhiri dengan tag penutup </p> dan isi kandugan element tersebut adalah: baris paragraf pertama saya
<p>Ini perenggan pertama saya.</p>
Syarat ringan penutup tag
sesetengah elemen akan dipaparkan tanpa masalah walau tiada tag penghujung,:
contoh diatas boleh pada semua jenis pelayar, kerana tah penghujung ini dianggap pilihan, Namun ia tidak digallakkan bagi mengelakkan masalah yang tidak dijangka.
<html>
<body>
<h1>Ini Heading pertama saya
<p>Ini perenggan pertama saya.
</body>
</html>
<body>
<h1>Ini Heading pertama saya
<p>Ini perenggan pertama saya.
</body>
</html>
contoh diatas boleh pada semua jenis pelayar, kerana tah penghujung ini dianggap pilihan, Namun ia tidak digallakkan bagi mengelakkan masalah yang tidak dijangka.
Element HTML kosong
Element HTML yang tiada isi dikenali sebagai element kosong (empty elements).
Dengan menggunakan tag <br> sahaja dan tanpa penghujung tag sudah mencukupi, <br> ditakrifkan sebagai "line break". Fungsi element ini adalah untuk menjarakkan baris antara perengan.
HTML elements with no content are called empty elements. Pnghujung tag tersebut adalah </br>.
Didalam HTML5 ia tidak memerlukan penghujung tag namun jika ingin dokumen anda boleh dibaca dengan XML parsers, seua element harus mempunyai penghujung tag.
<html>
<body>
<h1>Ini Heading pertama saya</h1>
<br>
<p>Ini perenggan pertama saya.</p>
</body>
</html>
<body>
<h1>Ini Heading pertama saya</h1>
<br>
<p>Ini perenggan pertama saya.</p>
</body>
</html>
Huruf kecil sahaja untuk tag
tag HTML adalah jenis lalai, iaitu <P> adalah sama dengan <p>. jadi bagi memudahkan pengenalan, pengecaman, untuk menyemak dan memudahkan masa menaip,gunakan sahaja arkasa kecil tidak perlu bersusah payah menekan SHIFT atau CAPS LOCK.
Selamat berjaya!
Selamat berjaya!
0 ulasan:
Catat Ulasan