Sebuah elemen HTML adalah segalanya dari tag awal sampai akhir tag:
| * Tag Awal | Isi Elemen | *Tag Akhir |
| <p> | Ini adalah paragraf | </p> |
| <a href=”index.html” | Ini adalah link | </a> |
| <br /> |
* Tag awal sering disebut tag pembuka. Tag akhir sering disebut tag penutup.
Sintaks Elemen HTML
* Sebuah elemen HTML dimulai dengan tag awal / tag pembuka
* Sebuah elemen HTML diakhiri dengan tag akhir / penutup akhir tag
* Isi elemen adalah segalanya antara tag awal dan tag akhir
* Beberapa elemen HTML memiliki isi yang kosong
* Elemen Kosong ditutup pada tag awal
* Sebagian besar elemen HTML dapat memiliki atribut
Tip: Anda akan belajar tentang atribut dalam bab selanjutnya dari tutorial ini.
Elemen HTML bersarang
Sebagian besar elemen HTML dapat bersarang (dapat berisi elemen HTML lainnya).
Dokumen HTML terdiri dari elemen HTML bersarang.
Contoh Dokumen HTML
| <!DOCTYPE html> <html> <body> <p>Ini adalah paragraph pertama saya.</p> </body> </html> |
Contoh di atas mengandung 3 elemen HTML.
Menjelaskan 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 adalah: Ini adalah paragraf pertama saya.
elemen <body>:
| <body> <p>Ini adalah paragraph pertama saya.</p> </body> |
Elemen <body> mendefinisikan tubuh dari dokumen HTML.
Elemen ini memiliki tag awal <body> dan tag akhir </ body>.
Isi elemen adalah elemen HTML yang lain.
elemen <html>:
| <html> <body> <p>Ini adalah paragraph pertama saya.</p> </body> </html> |
Elemen <html> mendefinisikan dokumen HTML secara keseluruhan.
Elemen ini memiliki tag awal <html> dan tag akhir </ html>.
Isi elemen adalah elemen HTML lainnya (yang ada di elemen body).
Jangan Lupakan Tag Akhir
Beberapa elemen HTML mungkin akan ditampilkan dengan benar bahkan jika Anda lupa tag akhir:
| <p>Ini adalah paragraph pertama saya. |
Contoh di atas bekerja di hampir semua browser, karena tag penutup dianggap opsional.
Jangan lakukan hal diatas. Banyak elemen HTML akan menghasilkan hasil yang tidak diharapkan atau error jika Anda lupa tag akhir.
Elemen Kosong HTML
Elemen HTML tanpa isi disebut elemen kosong.
<br> adalah elemen kosong tanpa tag penutup (tag <br> mendefinisikan satu baris).
Tip: Dalam XHTML, semua elemen harus ditutup. Menambahkan garis miring dalam tag awal, seperti <br />, adalah cara yang tepat untuk menutup elemen kosong di XHTML (dan XML).
HTML Tip: Gunakan huruf kecil pada Tag
Tag HTML tidak case sensitif: <P> berarti sama dengan <p>. Banyak situs web menggunakan tag HTML dalam huruf besar.
World Wide Web Consortium (W3C) merekomendasikan huruf kecil dalam HTML 4, dan XHTML.
Artikel Sebelumnya .....
Artikel Selanjutnya .....
Tidak ada komentar:
Posting Komentar