Halaman

Rabu, 06 November 2013

Elemen HTML

Dokumen HTML didefinisikan oleh elemen HTML.

Elemen HTML
Sebuah elemen HTML adalah segalanya dari tag awal sampai akhir tag:


Awal tag *Konten ElemenAkhir tag *
<p>Ini adalah paragraf</p>
<a href="default.htm">Ini adalah link</a>
<br>

* Awal tag sering disebut tag pembuka. Tag akhir sering disebut tag penutup.

HTML Sintaks Elemen
Sebuah elemen HTML dimulai dengan tag awal / pembuka tag
Sebuah elemen HTML diakhiri dengan tag akhir / tag penutup
Isi elemen adalah segalanya antara awal dan tag akhir
Beberapa elemen HTML memiliki konten kosong
Elemen kosong ditutup pada tag awal
Elemen yang paling HTML dapat memiliki atribut
Tip: Anda akan belajar tentang atribut dalam bab berikutnya dari tutorial ini.

Elemen HTML Digabung
Elemen yang paling HTML dapat diulang (dapat berisi elemen HTML lainnya).

Dokumen HTML terdiri dari elemen HTML bersarang.

Contoh Dokumen HTML:
<!DOCTYPE html>
<html>

<body>
<p>Ini adalah paragraf pertama saya.</p>
</body>

</html>
Contoh di atas berisi 3 elemen HTML.
Penjelasan Contoh HTML
Elemen <p> :

<p>Ini adalah paragraf pertama saya.</p>
Elemen <p> mendefinisikan sebuah paragraf dalam dokumen HTML.
Elemen ini memiliki tag awal <p> dan tag akhir </p>.
Isi elemen: Ini adalah paragraf pertama saya.

Elemen <body> :

<body>
<p>Ini adalah paragraf pertama saya.</p>
</body>
Unsur <body> mendefinisikan tubuh dokumen HTML.
Elemen ini memiliki tag awal <body> dan tag akhir </body>.
Isi elemen elemen HTML antara lain (elemen <a> <p> <img> dan lain lain).

Elemen <html> :

<html>

<body>
<p>Ini adalah paragraf pertama saya.</p>
</body>

</html>
Unsur <html> mendefinisikan seluruh dokumen HTML.
Elemen ini memiliki tag awal <html> dan tag akhir </html>.
Isi elemen elemen HTML lain (elemen body).

Jangan Lupakan Tag Akhir
Beberapa elemen HTML mungkin menampilkan dengan benar bahkan jika Anda lupa tag akhir:

<p>Ini adalah paragraf pertama
<p>Ini adalah paragraf pertama
Contoh di atas bekerja di hampir semua browser, karena tag penutup dianggap opsional saja.

Namun kami ingatkan jangan bergantung pada ini. Banyak elemen HTML akan menghasilkan hasil yang tidak diharapkan dan / atau kesalahan jika Anda lupa tag akhir.

Elemen HTML Kosong
Elemen HTML tanpa konten disebut elemen kosong.

Close adalah elemen kosong tanpa tag penutup (tag <br> mendefinisikan satu baris).

Tip: Dalam XHTML, semua elemen harus ditutup. Menambahkan garis miring di dalam tag awal, seperti <br />, adalah cara yang tepat untuk menutup elemen kosong di XHTML (dan XML).

HTML Tip: Gunakan huruf kecil Tag
Tag HTML tidak case sensitif: <P> berarti sama dengan <p>. Banyak situs web menggunakan tag HTML dalam huruf besar.

Kenapa kami menggunakan tag huruf kecil semua? karena World Wide Web Consortium (W3C) merekomendasikan huruf kecil dalam HTML 4, dan tuntutan tag huruf kecil dalam XHTML.

Tidak ada komentar:

Posting Komentar