HTML Dasar
HTML Menengah
HTML Mahir
HTML Referensi
HTML Contoh
HTML Resources

HTML Elemen


HTML Element

Ketika anda membuka sebuah halaman web dan anda melihat semua yang ada di hadapan anda, mulai dari sebuah paragraf, banner dan link-link navigasi... itulah elemen-elemen dari sebuah halaman web.

Sebuah elemen terdiri dari tiga buah bagian penting :

  • Tag pembuka
  • Isi
  • Tag penutup

Berikut adalah sebuah elemen paragraf HTML yang lengkap :

<p>isi elemen</p>

Satu halaman sebuah web bisa mengandung ratusan hingga ribuan elemen HTML.

Beberapa contoh elemen-elemen HTML yang lain :
<html></html>
<body></body>
<h1></h1>

Nested HTML


Nested HTML adalah sebuah elemen yang berada di dalam elemen HTML lainnya.
<body><h1>hallo</h1></body>

Dokumen HTML



<html>

<title>Judulku</title>

<body>

<p>Paragrafku</p>

</body>

</html>

Pada contoh di atas terdapat empat elemen HTML

Elemen <p> :
  • <p> merupakan paragraf elemen
  • Elemen ini dibuka dengan <p> dan di tutup dengan </p>
  • Isi dari elemen ini adalah 'Paragrafku'

Elemen <body> :
  • <body> merupakan elemen isi atau badan dari sebuah dokumen HTML
  • Elemen ini dibuka dengan <body> dan di tutup dengan </body>
  • Elemen ini memiliki sebuah nested elemen yaitu elemen <p> beserta isinya

Elemen <title> :
  • <title> merupakan elemen yang mendefinisikan judul dari sebuah dokumen HTML
  • Elemen ini dibuka dengan <title> dan di tutup dengan </title>
  • Isi dari elemen ini adalah 'Judulku'

Elemen <html> :
  • <html> merupakan elemen yang mendefiniskan seluruh bagian dari sebuah dokumen HTML
  • Elemen ini dibuka dengan <html> dan di tutup dengan </html>
  • Elemen ini memiliki tiga nested elemen lainnya, yaitu :<title>,<body> dan <p>


Selalu ingat agar menutup setiap elemen dengan tag penutup

<p>Paragraf 1
<p>Paragraf 2

Contoh di atas mungkin bisa berjalan di banyak browser karena penutup dari elemen dianggap sebagai opsional, tetapi sebaiknya hal ini jangan anda biasakan sebab banyak elemen-elemen HTML yang bisa mengakibatkan error bila tidak terdapat tag penutup di dalamnya.


Case sensitive

HTML tag tidaklah case sensitive, jadi tidak akan bermasalah meskipun anda menuliskannya dengan huruf  besar maupun kecil. <html> -> <HTML>. 

Akan tetapi kami sarankan agar anda menggunakan lowercase / huruf kecil sebab World Wide Web Consorsium (W3C) menyarankan agar menggunakan lowercase untuk setiap elemen HTML 4 dan mengharuskan menggunakannya pada XML

Situs ini masih dalam versi beta, artinya masih dalam proses pengembangan baik dari segi bug maupun isi yg kurang lengkap. Silahkan melihat-lihat yang sudah ada sementara ini, tiap hari kami akan berusaha untuk melengkapi kekurangannya...