Elemen HTML



Setelah kita memahami dasar - dasar HTML, lalu bab selanjutnya adalah mengenai Elemen HTML. Elemen HTML adalah seluruh unsur html yang ada, dari tag awal  atau tak pembuka sampai dengan tag akhir atau tag penutup.
Berikut ini saya gambarkan dalam bentuk tabel :


Tag awal Elemen konten Tag Akhir
<p> Paragraf teks </p>
<a href="default.htm" > Link </a> <br />
<br />



Elemen HTML Sintaks :
    * Sebuah elemen HTML dimulai dengan tag awal / tag pembuka
    * Elemen HTML diakhiri dengan tag akhir / tag penutup
    * 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 terdapat banyak  atribut
Tip:  Anda akan belajar tentang atribut pada bab selanjutnya dari Blog ini.
Elemen HTML Bersarang/ Nested
Kebanyakan Elemen HTML dapat bersarang (dapat berisi elemen-elemen HTML yang lain). Artinya  pada suatu  dokumen HTML terdiri dari elemen – elemen HTML .
Berikut ini contoh yang terdiri dari 3 elemen HTML :


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



Penjelasan contoh diatas adalah :

Elemen <p> :

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


  • Elemen <p> mendefinisikan sebuah paragraf dalam  HTML dokumen.
  • elemen ini memiliki <p> tag awal 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 <body> tag awal dan tag akhir </ body>.
  • Isi elemen elemen lain HTML (elemen ap).


Elemen <html> :

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


  • Unsur <html> mendefinisikan dokumen HTML secara keseluruhan.
  • Elemen ini memiliki <html> tag pembuka dan tag penutup </ html>.
  • Isi elemen terdapat  elemen HTML lain (elemen tubuh).
Jangan Lupakan Tag Akhir.
Kebanyakan browser akan menampilkan HTML yang  benar,dan jika Anda lupa tag penutup seperti berikut:

<p>Paragrap teks …
<p>Paragrap teks …

Browser tidak bias menampilkan HTML yang anda buat, sebab  melupakan  tag penutup akan  mengakibatkan kerusakan yang tidak kita harapkan.


Elemen HTML Kosong
elemen HTML dengan tanpa konten disebut elemen kosong.
elemen kosong bisa ditutup pada tag awal.
Dalam XHTML, XML, dan HTML, semua elemen harus ditutup, dengan enambahkan garis miring pada tag mulai, seperti />.
<br> merupakan elemen kosong tanpa tag penutup (tag <br> mendefinisikan spasi). <br, adalah cara yang tepat untuk menutup elemen kosong, diterima oleh HTML, XHTML dan XML.
Tip: Gunakan huruf kecil untuk menulis Tag

Mudah - mudahan penjelasan diatas bisa anda pahami ya...., selebihnya silahkan anda coba praktekkan dan anda otak - atik sendiri. Semakin sering dicoba akan semakin tahu lebih dan kekurangannya.
Semoga bermanfaat, dan Jangan lupa tinggalin komentarmu lho.....Terima kasih.

Tidak ada komentar:

Posting Komentar