HTML (Hypertext
Markup Language)
HTML atau Hypertext Marksup Language merupakan salah satu 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.
HTTP atau Hypertext Transfer Protokol merupakan protokol yang digunakan untuk
mentransfer data atau document yang berformat HTML dari web server ke browser
(Internet Explorer, Netscape Navigator, NeoPlanet, dll). Dengan HTTP inilah yang memungkinkan Anda menjelajah internet dan melihat halaman
web.
Untuk membuat dokumen HTML hanya
dibutuhkan sebuah aplikasi teks editor biasa. Namun sekarang ini di pasaran terdapat banyak
sekali HTML authoring (software yang digunakan untuk membuat atau mendesain
halaman web). Macromedia Dreamweaver, Adobe GoLive, MS FrontPage sekedar
contohnya. Tetapi tanpa mengetahui dasar-dasarnya Anda tidak akan memperoleh
hasil yang maksimal. Mengapa? 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
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
Halaman Web</title>
</head>
<body>
ISI
Halaman 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>Latihan Dasar</title>
</head>
</head>
<body>
Ini
adalah halaman web pertama saya.
</body>
</html>
</html>
5. Simpan file anda dengan cara klik menu File – Save-As :
6. Pada box File name, isikan nama filenya
dengan LatihanDasar.html
Untuk
menjalankan kode-kode tersebut, silahkan buka browser seperti Internet
Explorer, Mozila Firefox.
1.
Klik menu File à
Open
2.
Ketika jendela baru terbuka pilih file LatihanDasar.html.
3.
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 LatihanDasar.html.
File Latihan1.html secara otomatis akan dipanggil ketika alamat sebuah domain
atau direktori tempat menyimpan file tersebut di buka di browser.
0 komentar:
Posting Komentar