Tutorial HTML 2 - Pengenalan Tag, Atribut, dan Elemen HTML

Jika sebelumnya sudah di bahas tentang pengertian html, dan sebelum mempelajari kode HTML, alangkah baiknya mengetahui dasar-dasarnya dulu seperti tag, atribut dan elemen html.

Tag HTML

Seperti pada penjelasan sebelumnya HTML dokumen atau halaman web di bentuk oleh sekumpulan teks-teks kode yang disebut tag.
Tag terdiri dari teks atau kode yang di kurung oleh tanda lebih kecil (<), dan tanda lebih beser (>).
Tag biasanya memiliki pasangan, contoh <html> dan </html>.
Tag pertama di sebut tag pembuka atau tag awal ( <html> ) dan yang terakhir di sebut tag penutup atau tag akhir ( </html> ), namun ada pula tag yang tidak memiliki pasangan atau tag tunggal, contohnya seperti <hr />, <br />.

Elemen HTML

Elemen html adalah semua yang dimulai dari tag pembuka sampai tag penutup.
Contoh:

<p>Ini paragraf</p>

Elemen ini memiliki tag pembuka <p> dan tag penutup </p>,
dan kalimat di antara tag diatas (Ini paragraf) disebut konten atau isi dari elemen, lihat tabel di bawah

Tag AwalIsi  ElemenTag Akhir
<p>ini paragraf<p>
<a href="www.contoh.com">ini link</a>
<br />


Dari tabel di atas dapat di simpulkan
  • Elemen HTML di mulai dengan tag pembuka atau tag awal
  • Elemen HTML di akhiri dengan tag penutup atau tag akhir
  • Isi dari elemen HTML terdapat di antara tag awal dan tag akhir
  • Kebanyakan elemen HTML dapat diberi atribut ( href="" )
  • Beberapa elemen HTML tidak memiliki isi dan di tutup pada tag awal  ( <br /> )

Di dalam elemen HTML terdapat elemen lain

Contoh:

<html>
<body>
<p>Paragraf</p>
</body>
</body>

Pada kode HTML di atas terdapat 3 elemen HTML, yaitu elemen <html>, <body> dan <p>.
Pada elemen <html> mengandung elemen HTML lain yaitu elemen <body> sebagai isi elemennya.
Elemen <body> juga mengandung elemen HTML lain sebagai isi elemennya yaitu elemen <p>.
Isi elemen pada elemen <p> yaitu: Ini sebuah paragraf

Elemen kosong

Elemen yang tidak memiliki Isi atau konten elemen di sebut elemen kosong (empty element) seperti <br> (untuk membuat baris baru) <hr> (membuat garis horizontal sebagai pembatas) Pada penulisan kode XHTML atau XML, diharuskan memakai garis miring seperti ini <br />, dan <hr />.

Atribut

Atribut di gunakan memberikan informasi tambahan pada suatu elemen HTML. Atribut di tulis pada di awal tag. Atribut di awali dengan memberikan nama kemudian nilai , di tulis seperti ini nama="nilai", contoh:

<a href="http://alusplus.blogspot.com">Ini adalah link</a>
<img src="gambar.jpg">

Tag <a> mendefinisikan link HTML, sedangkan alamat link nya di tentukan oleh atribut href.
Tag <img> di gunakan untuk menampilkan gambar, dan sumber gambarnya di tentukan oleh atribut scr.
Nilai dari atribut mengunakan tanda kutif, umunnya mengunakan tanda kutip ganda ("), tapi menggunakan tanda kutip tunggal (') juga di perbolehkan.

Tip: Gunakan huruf kecil pada penulisan tag dan atribut
World Wide Consortium (W3C) merekomendasikan menggunakan huruf keci pada tag, nama artibut serta nilai atributnya pada HTML 4 mereka, serta menuntut penggunaan hurup kecil pada XHTML.



  coba kode html di sini

4 komentar:

bend mengatakan...

mangtab, ikutan belajar HTML gan :D

Beben Koben mengatakan...

tetap semangat \m/

Alusplus mengatakan...

@bend: Yah kita belajar sama-sama

@Beben Koben:pastinya, ngomong-ngomong blog nya mantab gan, salut!

Aldi Unanto mengatakan...

Contoh elemen kosong lainnya apa yah gan?

Posting Komentar

 
© 2012 Alusplus | Blogger.com