Dasar-dasar Html (Bagian 1)
Dalam pembuatan web, terdapat beragam bahasa yang dipergunakan. Pada umumnya web tersebut berextensi html. Nha, kali ini aku akan membahas tentang HTML dan Struktur Dokumen HTML.
1. Hypertext Markup Language (HTML)
Hypertext Markup Language (HTML) merupakan dasar untuk membuat sebuah halaman website. Dokumen dan aplikasi yang dapat berjalan di atas web browser umumnya memiliki format hypertext markup language (HTML). Meskipun sekarang terdapat banyak tool atau software yang dapat digunakan untuk merancang sebuah halaman secara WYSIWYG (what you see is what you get), jadi apa yang anda lihat itulah yang akan anda dapatkan seperti frontpage, dreamweaver, adobe golive, dll. Namun anda harus tetap menguasai HTML karena HTML merupakan dasar apabila Anda ingin mempelajari dan lebih mendalami tentang web programming. Hal ini menunjukan bahwa sangat pentingnya mempelajari dasar-dasar HTML. Karena itu untuk dapat melakukan pemrograman aplikasi di atas web anda harus terlebih dahulu menguasai HTML.
Setiap dokumen atau halaman HTML memiliki struktur atau susunan file seperti terlihat pada contoh berikut :
Struktur.html
<html>
<head>
<title>judul yang ingin ditampilkan pada title bar web browser</title>
</head>
<body>
pada bagian ini dapat berisikan perintah-perintah
untuk menampilkan : Text, gambar, suara dan lain-lain.
</body>
</html>
Seperti terlihat, struktur file HTML diawali dengan sebuah tag <html> dan ditutup dengan </html>. Di dalam tag ini terdapat dua buah bagian besar, yaitu yang diapit oleh tag <head> … </head> dan tag <body> … </body>.
Header dari halaman HTML diapit oleh tag <head> dan bagian ini tidak ditampilkan pada browser. Bagian ini berisi tag-tag header seperti <title> … </title> yang berfungsi untuk menampilkan judul pada title bar window pada web browser. Tag lain misalnya <meta> dan tag-tag lainya yang akan kita pelajari selanjutnya.
Bagian kedua yang diapit oleh tag body merupakan bagian yang akan ditampilkan pada halaman web browser nantinya. Pada bagian ini anda dapat menuliskan semua jenis informasi berupa teks dengan bermacam format maupun gambar yang ingin anda sampaikan pada pengguna nantinya.
Untuk lebih memperjelas perhatikan gambar berikut ini :
Gambar 1. Tampilan Notepad Gambar 2. Tampilan Internet Explorer
3. Dasar Penggunaan Tag
Tag HTML umumnya berupa tag yang berpasang-pasangan dan diapit dengan simbol < dan >. Pasangan atau penutup perintah dari sebuah tag ditandai dengan tanda / . misalnya pasangan dari tag <example> adalah </ example >.
Sebagian tag telah digunakan pada contoh kode HTML di atas. Sekarang marilah kita kenali berbagai hal yang mendasar tentang tag. Setiap tag memiliki nama, nama tag ditulis dalam tanda < dan >. Antara nama tag dan tanda < ditulis tanpa spasi sama sekali. Nama tag dapat ditulis dengan huruf kecil, kapital maupun campuran.
Beberapa tag ada yang menggunakan atribut di dalamnya. Contoh : <P align=”center”>, pada contoh ini P adalah nama tag, sedangkan align adalah nama atribut dan center adalah nilai atribut.
4. Pemberian Catatan/Komentar pada Dokumen HTML
Catatan adalah bagian dari kode HTML yang diabaikan oleh browser. Kegunaan catatan/komentar dalam kode HTML adalah sebagai keterangan yang berguna untuk pembaca kode. Misalnya, catatan digunakan untuk memberikan catatan apa saja dan bahkan bisa mencakup beberapa baris.
Komentar.html
<!--Program ini dibuat pada tanggal 06 Oktober 2005 -->
<html>
<head>
<title>Hai</title>
<Body>
<!-- Catatan bisa diletakan dimana saja -->
Saya Sedang Belajar HTML
</body>
</html>
Komentar
Posting Komentar