HTML atau Hypertext Marksup Language adalah format
yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman
web. Sebenarnya, dokumen HTML hanyalah sebuah dokumen teks biasa dan disebut
sebagai Markup Language yakni bahasa
yang mengandung tanda (tag) tertentu
yang digunakan untuk mengatur format tampilan suatu dokumen.
Sedangkan HTTP atau Hypertext Transfer Protokol merupakan
protokol yang digunakan untuk mentransfer data atau document yang berformat
HTML dari web server ke browser. HTTP inilah yang
memungkinkan Anda menjelajah internet dan memuat halaman web.
Untuk membuat dokumen HTML hanya membutuhkan sebuah aplikasi teks editor biasa contohnya Notpad dan Notpad++. Namun sekarang ini di Website terdapat banyak sekali HTML authoring (software yang
digunakan untuk membuat atau mendesain halaman web). Misalnya Macromedia Dreamweaver, Adobe GoLive, MS FrontPage. Tetapi tanpa mengetahui dasar-dasarnya Anda tidak akan bisa menggunakan software2 tersebut, Karena
walaupun software-software tersebut semakin menawarkan kemudahan dalam membuat
halaman web, tetapi biasanya seseorang masih perlu untuk mengedit halaman web
tersebut secara manual. Terutama untuk halaman web yang sangat komplek.
Dalam tutorial ini Anda akan kami ajak untuk mengetahui dasar-dasar
dari desain web. Yang dibutuhkan hanya sebuah word processor. Anda bisa
menggunakan Notepad, WordPad, MS Word atau yang lainnya. Tapi yang paling mudah
adalah menggunakan Notepad. Setelah anda memahami betul semua tag-tag dasar
html, diakhir nanti kita akan belajar membuat halaman web dengan menggunakan
web tool.
Struktur Dasar HTML (Hypertext Marksup
Language)
Dalam penggunaannya, sebagian besar kode HTML harus terletak di antara tag
kontainer. Yaitu diawali dengan <namatag> dan diakhiri dengan
</namatag> (terdapat tanda "/"). Struktur dasar dokumen HTML
berisi elemen-elemen atau tag sebagai berikut:
<html>
<head>
<title>Judul
Form/Caption</title>
</head>
<body>
ISI
WEB
</body>
</html>
Keterangan:
<html> .. </html> Mendefinisikan bahwa teks yang berada diantara kedua tag tersebut
adalah file HTML.
<head>
.. </head> Sebagai informasi
page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE,
BASE, ISINDEX, LINK, SCRIPT, STYLE & META.
<title>
.. </title> Sebagai
titel atau judul halaman/form. Kalimat yang terletak
di dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title
bar).
<body> .. </body> Mendefinisikan teks beserta formatnya yang
hendak ditampilkan sebagai isi halaman web. Di dalam tag ini bisa diletakkan
berbagai page attribute seperti bgcolor,
background, text, link, vlink, alink, leftmargin dan topmargin.
Sekarang untuk latihan pertama kita, mari kita buat
dokumen HTML sederhana. Ikuti langkah-langkah berikut ini:
1. Buat direktori dengan nama
latihan di drive C:. Dan selanjutnya dalam direktori ini kita akan menyimpan
semua file-file latihan kita.
2. Buka Browser, misalnya Internet Explorer atau Netscape Navigator.
3. Buka program aplikasi teks
editor misalnya dalam latihan ini adalah Notepad.
4. Mulai baris paling atas,
tuliskan:
<html>
<head>
<title>halaman
pembuka</title>
</head>
</head>
<body>
Proyek
latihan pertama saya.
</body>
</html>
</html>
5. Simpan file anda dengan cara
klik menu File - Save:
6. Selanjutnya pilih direktori
latihan yang tadi kita buat.
7. Pada box File name,
isikan nama filenya dengan index.html
8.
Pada drop down list di Save as type, pilih All Files.
9. Simpan proyek anda dengan meng-klik pada tombol Save
Untuk
menjalankan kode-kode tersebut, silahkan buka browser seperti Internet
Explorer, Netscape Navigator dan lain-lain.
1.
Klik menu File à Open
Tip: Jika anda menggunakan Netscape Navigator, klik Open Page kemudian Choose File
2.
Setelah jendela Open terbuka, klik tombol
Browse
3.
Ketika jendela baru terbuka, pilih
direktori Latihan dan pilih file index.html.
4.
Klik tombol Open lalu tekan tombol Ok,
halaman web yang ditampilkan dalam browser adalah seperti berikut:
Catatan:
1
Semua
dokumen HTML mempunyai ekstensi .html (atau
.htm)
1
Semua
halaman Web (homepage) mempunyai
file index.html. File index.html
secara otomatis akan dipanggil ketika alamat sebuah domain atau direktori
tempat menyimpan file tersebut di buka di browser. Terdapat pengecualian pada microsoft yang
menggunakan Web server IIS, file yang dipanggil adalah default.html
