HTML sangat mudah untuk dipelajari karena masing-masing syntaxnya memiliki arti langsung dan referensi terhadap atribut yang ada dari setiap elemen yang dapat kita gunakan sudah sangat lengkap.
Sekarang kita akan membuat halaman HTML pertama anda dengan menggunakan teks editor sederhana seperti Notepad apabila anda menggunakan Windows atau Nano / Pico apabila anda menggunakan Linux.
Struktur Dasar Halaman HTML
Jalankan aplikasi notepad, masukkan teks berikut ke dalam notepad;
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> <html> <head> <!--Informasi header berisikan keterangan mengenai halaman ini, tidak ditampilkan di halaman--> </head> <body> <!-- Isi yang akan ditampilkan di browser --> </body> </html>
Save notepad anda berijudul “pertama.html”, gunakan tanda kutip sehingga Windows tidak secara default mengubah ekstensi file yang baru anda buat menjadi .txt.
Apabila file anda disimpan dalam format tersebut, kemungkinan besar Windows akan langsung mengenali dan menggunakan browser internet default seperti Internet Explorer ataupun Mozilla Firefox ketika file tersebut diklik dua kali.
Teks yang kita tuliskan diatas menggambarkan struktur dasar sebuah file HTML yang terdiri dari;
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
Bagian ini disebut sebagai Deklarasi Tipe Dokumen atau DOCTYPE, tidak harus ada, namun memberikan instruksi kepada browser pengunjung untuk mengaitkan halaman HTML yang sedang diakses tersebut dengan versi dan bahasa tertentu. Pada contoh diatas disebutkan pada DTD atau Document Type Definition atau Definisi Tipe Dokumen bahwa halaman tersebut menggunakan HTML versi 3.2. DOCTYPE dituliskan di paling atas atau di awal file.
<html>
...
</html>
Apabila diperhatikan, teks di atas adalah sepasang tag, yang pada artikel sebelumnya sudah diceritakan sedikit; Tag pembuka dan penutup html ini diletakkan setelah DOCTYPE dan akan menginformasikan bahwa script HTML yang akan diproses oleh browser berada di antara sepasang tag tersebut.
<head> .... </head>
Tag head terletak di dalam tag html, berisikan informasi mengenai halaman tersebut dan tidak ditampilkan di browser.
<body> .... </body>
Bagian Body merupakan isi dari halaman tersebut, teks HTML yang terdapat di dalam sepasang tag body akan diproses oleh browser untuk kemudian ditampilkan.
Silahkan buka kembali file notepad anda dan masukkan informasi di head dan content di body sebagai berikut;
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<title>Halaman Pertama</title>
</head>
<body>
<h1>Halaman HTML Pertama Saya.</h1>
</body>
</html>
Simpan file tersebut, buka file pertama.html dan perhatikan di browser bahwa Halaman tersebut memiliki Judul Halaman Pertama dan memiliki isi dengan format header (h1) dengan teks Halaman HTML Pertama Saya.
Referensi
- http://en.wikipedia.org/wiki/HTML
- http://en.wikipedia.org/wiki/Document_type_declaration
- http://en.wikipedia.org/wiki/HTML_element
{ 0 comments… add one now }