Pengenalan HTML
Versi terakhir dari HTML adalah HTML 4.01, meskipun saat ini telah berkembang XHTML yang merupakan pengembang dari HTML. HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai yang diinginkan.sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Google Chrome dan juga Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.
Aturan Dokumen HTML
Sebuah halaman HTML yang dibangun, pada prinsipnya terdiri dari empat konsep dasar yaitu
1. Element-element
Seluruh halaman yang ditampilkan pada sebuah browser pada dasarnya dibangun dari banyak element atau bagian-bagian kecil. perhatikan contoh gambar halaman web di bawah ini.
Dari gambar diatas halaman yang ditampilkan berupa susunan dari text dan gambar, seperti dokumen-dokumen pada umumnya. Namun untuk dapat menghasilkan tampilan halaman web, dibutuhkan bagian-bagian atau element yang bekerja menampilkan isi sesuai keinginan. Sebagai contoh, untuk dapat menampilkan text dengan ukuran yang besar di butuhkan element <h1> </h1>, Element <p> untuk paragraf, element <img> untuk menampilkan gambar.
2. Penulisan Tags
Sebagaimana yang pernah disinggung sebelumnya, HTML disusun dari tags-tags atau barisan tags. Tags dan element dalam HTML sangat berkaitan sekali dan tak bisa dipishankan, karena tags adalah penyusunan dan penanda sebuah element HTML.
Untuk sebuah element, diperlukan dua buah tags, yaitu tags untuk awalan atau pembuka yang ditulis dengan simbol "<" dan tags penutup element yang di tulis dengan simbol ">". Sedangkan untuk akhir sebuah blok element diakhiri dengan tanda "/" didepan kode element tersebut.
3. Atribut Dan Nilai
Atribut adalah hal penting lainnya dalam HTML. Atribut ini digunakan untuk mendefinisikan suatu element. Contoh penggunaan atribut adalah untuk menentukan tinggi sebuah gambar, ukuran dan jenis huruf yang digunakan, warna untuk latarbelakang halaman dan masih banyak lagi. Sedangkan nilai adalah isi dari atribut itu sendiri.
Penulisan atribut dalam HTML dapat berupa apa saja, bisa berupa sebuah bilangan, kata atau kombinasi keduanya berupa alamat situs atau sebuah path, tergantung jenis atribut yang di gunakan atau yang dikenali oleh element itu sendiri. Untuk penulisan sebuah nilai atribut dalam HTML ditulis didalam tanda " ".
Sebagai contoh adalah atribut untuk membuat text memiliki ukuran 11.<font size="11">...</font>Penulisan bilangan untuk atribut yang berhubungan dengan tinggi dan lebar suatu element memiliki pengertian satuan dalam pixel. Bila bilangan tersebut diikuti dengan tanda "%", maka dimensi yang dihasilkan adalah memiliki ukuran relatif terhadap ukuran layar monitor.
4. Pengelompokan
Pengelompokan atau nesting, yang berarti bahwa penulisan tags-tags sebuah element dengan element laiinnya tidak boleh tercerai berai dengan kata lain harus tersusun urut sesuai dengan posisi element.
Misalkan sebuah halaman web terdiri dari element A, B dan C, Element C adalah isi element B, dan element B adalah bagian dari A, Maka penulisan tags-tags untuk element-element tersebut adalah sebagai berikut :<A> <B> <C> </C> </B> </A>Atau<A><B><C></C></B></A>Penulisan tags yang tidak beraturan susunannya akan menyebabkan ketidak beraturan hasil halaman web yang di tampilkan.
Struktur HTML
struktur pembentuk sebuah halaman HTML sendiri sebetulnya sederhana, hanya terdiri dari :
- Bagian Informasi, yang berisi versi HTML dan jenis dokumen yang digunakan,
- Bagian Head, berisi element-element untuk head,
- Bagian Body, inti dari isi halaman yang akan ditampilkan,
- Bagian Komentar, bagian yang tidak akan di tampilkan pada browser.
Berikut contoh struktur dokumen HTML :
1 <html>2 <head>3 </head>45 <body>6 </body>7 </html>
Informasi Versi HTML
Informasi versi HTML yang digunakan biasanya terdapat pada bagian paling atas sendiri dalam sebuah halaman HTML. Untuk sebuah halaman web yang terhubung dengan internet, bagian ini sangat penting. Bagian ini digunakan untuk validasi typr HTML yang digunakan apakah HTML atau xHTML dan jenis dokumen tersebut, yang akan menentukan element dan karakter apa saja yang dapat digunakan atau di tampilkan pada browser.
Pendeklarasian tipe dokumen yang digunakan diistilahkan dengan DTD atau dokumen type declaration. Ada tiga jenis DTD yang dapat digunakan untuk HTML versi 4.01 :
1. HTML 4.01 Strict DTD
Jenis ini mendukung semua element atribut yang ada pada versi tersebut. Untuk element dan atribut yang deprecated, tidak bisa digunakan. Penulisan untuk Jenis ini :1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/HTML4/strict.DTD">
2. HTML 4.01 Transitional DTD
Untuk jenis ini, element dan atribut yang di dukung adalah semua element dan atribut pada jenis strict ditambah element dan atribut yang deprecated. Kode yang digunakan untuk jenis ini adalah :1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/HTML4/loose.DTD">
3. HTML 4.01 Frameset DTD
Sedangkan untuk jenis ini mendukung semua element dan atribut pada jenis transitional ditambah element untuk frame. Jenis ini cocok digunakan untuk dokumen yang berupa halaman web dengan frame. Untuk pendeklarasiannya adalah sebagai berikut :
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN""http://www.w3.org/TR/HTML4/frameset.DTD">
Alamat-alamat url yang dituliskan pada bagian ini akan digunakan oleh browser untuk mendownload DTD dan segala keperluan yang berhubungan dengan jenis dokumen atau halaman HTML tersebut.
Belum ada tanggapan untuk "Mengenal HTML"
Posting Komentar