Hari ini, kita akan semakin teliti lagi mempelajari HTML, dan sesuai judul, kita akan mempelajari apa itu Elements HTML, seperti yang sudah kita pelajari bersama mengenai tag HTML dalam postingan postingan sebelumnya,yang disebut dengan elements HTML adalah segalanya dari tag awal sampai tag akhir, contohnya seperti yang terlihat di bawah ini :
Elements HTML
Elements HTML
| Tag Awal * | Element Kontent | Tag Akhir * |
|---|---|---|
| <p> | Ini adalah paragraf | </p> |
| <a href="default.htm"> | Ini adalah link | </a> |
| <br> or <br /> |
* Tag awal sering disebut tag pembuka. Tag akhir sering disebut tag penutup.
Elements HTML Sintaks
Seperti yang saya katakan di atas, segala yang berada dalam tag awal dan tag akhir di sebut elements HTML, seperti yang w3schools.com ajarkan seperti dibawah ini :
Nested HTML Elements
Ditambahkan juga, Sebagian besar elemen HTML dapat bersarang (dapat berisi elemen HTML lainnya). Apa yang disebut dengan HTML bersarang? HTML bersarang adalah elements HTML yang berada di dalam elements HTML lainnya. seperti terlihat pada contoh di bawah ini, dalam sebuah dokumen HTML terdiri dari tiga elements HTML.
Dokumen HTML terdiri dari elemen HTML bersarang.
Seperti yang saya katakan di atas, segala yang berada dalam tag awal dan tag akhir di sebut elements HTML, seperti yang w3schools.com ajarkan seperti dibawah ini :
- Sebuah elemen HTML dimulai dengan tag awal tag / membuka
- Sebuah elemen HTML diakhiri dengan tag akhir tag / menutup
- Isi elemen adalah segalanya antara tag awal dan tag akhir
- Beberapa elemen HTML memiliki konten kosong
- Elemen kosong ditutup pada tag awal
- Sebagian besar elemen HTML dapat memiliki atribut
Tip: Sobat akan belajar tentang atribut dalam postingan berikutnya dari Belajar Web Bersama Dat-s.
Nested HTML Elements
Ditambahkan juga, Sebagian besar elemen HTML dapat bersarang (dapat berisi elemen HTML lainnya). Apa yang disebut dengan HTML bersarang? HTML bersarang adalah elements HTML yang berada di dalam elements HTML lainnya. seperti terlihat pada contoh di bawah ini, dalam sebuah dokumen HTML terdiri dari tiga elements HTML.
Dokumen HTML terdiri dari elemen HTML bersarang.
<!DOCTYPE html>
<html>
<body>
<p>Ini adalah paragraf.</p>
</body>
</html>
<html>
<body>
<p>Ini adalah paragraf.</p>
</body>
</html>
Di atas adalah contoh Dokumen HTML dengan elemen HTML bersarang, kenapa dibilang bersarang, karena tag <html> mendefinisikan seluruh dokumen HTML disebut sebuah elemen HTML karena dia memiliki tag awal <html> dan tag akhir </html> sebagai tag penutup, di dalam tag <html> memiliki isi elemen <body> yang didefinisikan untuk menampilkan tubuh dokumen HTML, dan, dia juga merupakan suatu elemen HTML karena memiliki tag awal <body> dan tag akhir </body> dengan isi elemen HTML <p>, sedangkan tag <p> adalah tag untuk mendefinisikan suatu paragraf dia juga adalah suatu element HTML karena memiliki tag awal <p> dan tag akhir </p> dengan isi elemen "Ini adalah paragraf", untuk menampilkannya maka dia harus disisipkan ke dalam elemen HTML <body>, sehingga di dalam dokumen HTML tersebut sudah memiliki 3 elemen HTML. yakni <html>, <body> dan <p>, maka dari itu dia disebut element HTML bersarang.
Jangan Melupakan Tag Akhir
Untuk menciptakan suatu elemen HTML, jangan melupakan tag akhir, seperti pada contoh di bawah ini :
Jangan Melupakan Tag Akhir
Untuk menciptakan suatu elemen HTML, jangan melupakan tag akhir, seperti pada contoh di bawah ini :
<p>Ini adalah paragraf.
Browser tidak dapat mendefinisikan suatu elemen HTML jika tidak memiliki tag akhir, jadi jangan sampai melupakan tag akhir dari sebuah elemen HTML.
Tapi ada juga suatu tag HTML yang disebut elemen HTML tapi tanpa isi, seperti tag <br>, <img> dan lain-lain, kita akan mempelajarinya lagi di postingan selanjutnya.
Tapi ada juga suatu tag HTML yang disebut elemen HTML tapi tanpa isi, seperti tag <br>, <img> dan lain-lain, kita akan mempelajarinya lagi di postingan selanjutnya.
Elemen HTML Kosong
Elemen HTML tanpa kontent disebut elemen HTML Kosong, seperti <br> dan <img>.
Tip: Dalam XHTML, semua elemen harus ditutup. Menambahkan slash di dalam tag awal, seperti <br />, adalah cara yang tepat untuk menutup elemen kosong di XHTML (dan XML).
HTML Tip : Gunakanlah huruf kecil untuk menulis Tag HTML
Tag HTML tidak case sensitif: <P> berarti sama dengan <p>. Banyak situs web menggunakan tag HTML huruf besar. Namun, W3Schools.com menyarankan untuk menggunakan tag huruf kecil karena World Wide Web Consortium (W3C) merekomendasikan huruf kecil dalam HTML 4, dan menuntut tag huruf kecil dalam XHTML.
Nah, demikian sobat pelajaran kita hari ini, pada postingan selanjutnya, kita akan bersam sama mempelajari dengan teli mengenai Atribut HTML, dan akhirnya, semoga postingan kali ini dapat bermanfaat.
Sukses Selalu ^_^
Nah, demikian sobat pelajaran kita hari ini, pada postingan selanjutnya, kita akan bersam sama mempelajari dengan teli mengenai Atribut HTML, dan akhirnya, semoga postingan kali ini dapat bermanfaat.
Sukses Selalu ^_^
No comments:
Post a Comment