Thursday, March 31, 2016

HTML Elemen

8:27:00 AM    No comments

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
 

0 komentar:

Post a Comment