Follow Me

Thursday, March 1, 2012

Mengenal Code HTML

Sebuah dokumen HTML yang sederhana telah diperkenalkan di depan. Sebuah dokumen diawali dengan <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml/DTD/xhtmll-transitional.dtd">
atau mirip dengan itu.Bagian tersebut dikenal dengan deklarasi doctype. Letaknya sebelum  tag <html>, tetapi DOCTYPE tersebut tidak berkdudukan sebagai tag. Deklarasi doctype berfungsi memberi tahu browser tentang aturan-aturan yang digunakan untuk menyusun halaman web sehingga diharapkan browser dapat menerjemakannya dengan tepat. Jika Anda membuat dokumen HTML, salin saja baris tersebut.
  Yang perlu kita bahas sekerang adalah beberapa tag dasar dalam dokumen HTML. Dari contoh sebelumnya, <html>, <head>, dan <body> adalah contoh tag. Tag menyatakan elemen dalam HTML. Dalam hal ini html, head, dan body adalah contoh elemen dalam dokumen HTML, dengan html berkedudukan sebagai elemen tertinggi atau disebut akar.
Berikut adalah penjelasan singkat makna tag.
  • Pasangan tag <html> dan </html> mengawali kodeHTML.
  • Di dalamnya terdapat pasangan <head> dan </head> serta <body> dan </body>.
  • Pasangan <head> dan </head> mengawali halaman web, antara lain baris pasangan tag <title> dan </title> yang berguna untuk menentukan judul halaman web, yaitu yang terletak di bagian teratas jendela browser.
  • Pasangan <body> dan </body> merupakan bagian yang menyatakan isi halaman web. Pada bagian inilah informasi yang ingin disampaikan ke pengunjung web diletakkan. Di dalamnya banyak tag yang bisa digunakan. pada contoh di depan, antara lain terdapat pasangan <h1> dan </h1> serta <h2> dan </h2>.
  • Pasangan <h1> dan </h1> ditunjukkan untuk membuat judul dengan ukuran terbesar.
  • Pasangan <h2> dan </h2> ditunjukkan untuk membuat judul dengan ukuran lebih kecil daripada <h1>
  • Pasangan <div> dan </div> digunakkan untuk membuat suatu devisi ( Bayangkan sekumpulan paragraf dalam buku ).
  •  Tag <img src="hiyam.png"/> menyatakan bahwa gambar pada berkas hisyam.png ditampilkan.

Widget Me

Dunia Komputer