Monday, January 7, 2008

Tutorial HTML: Struktur dasar HTML (Bagian 1)


Struktur HTML

HTML (Hypertext Markup Language) adalah merupakan suatu standar bahasa program yang di gunakan untuk menampilkan dokumen-dokumen web.

Satu halaman website umumnya adalah satu file HTML, nah satu file HTML ini, sebenarnya berisi file *.txt (text) yang bisa dibuka di Notepad, Wordpad atau Microsoft Word, yang biasanya ada di komputer. Coba saja dari browser IE klik menu "View" di atas, trus ke "Source" maka IE akan menampilkan kode html halaman tersebut. (Ini juga berarti semua bentuk tampilan yang ada di internet terbuka untuk dapat dipelajari dan dicopy :-)

Struktur dasar dari satu file html adalah:



<html>

<head>
<title> .... </title>
</head>

<body>
....
....
....
</body>

</html>



Perhatikan bahwa setiap elemen, di atas selalu "dibuka" dan kemudian "ditutup" lagi dengan html tag. Seperti kapsul yang membungkus isi obat, setiap halaman html selalu berada diantara <html> dan </html>. Bagian antara <head> dan </head> adalah bagian header yang tidak terlihat tapi digunakan untuk menentukan sifat dan prilaku halaman website. Pada head bisa diletakkan scrip program seperti VBScript atau link-rel format tampilan halaman seperti penggunaan CSS

Bagian antara <body> dan </body> adalah isi dari website yang bakal ditampikan saat halaman website itu dibuka. Kalau dicopy-paste tag html di atas ke notepad, trus save as, misalnya file1.html maka kita telah membuat satu halaman website yang bisa dibuka di browser.

Kecuali tag tertentu yang tidak berpasangan maka hampir semua tag html selalu berpasangan. Untuk menjamin tidak terlupa maka penulis HTML biasanya menuliskan tag pembuka langsung diikuti tag penutup sebelum kemudian menuliskan isi di antara dua tag tersebut.

Tag tunggal tanpa pasangan antara lain: <br>, <hr>, <img> dan <li>

No comments: