Belajar
HTML merupakan proses pertama yang umumnya dilakukan oleh para web programer.
Nah setelah selesai dengan belajar HTML, maka kamu akan memiliki kemampuan
untuk membuat halaman web statis. Berikutnya kamu pasti pengen bisa bikin
halaman web yang memiliki kemampuan untuk berinteraksi dengan pengunjung secara
lebih intens. Waktu itulah kamu perlu mulai belajar PHP. Setelah belajar
PHP maka kamu bisa melanjutkan dengan belajar MySQL untuk menambah kemampuan
PHP kamu.
HTML
diperlukan terutama untuk membuat tampilan web, PHP untuk menambah kemampuan
interaksi dengan pengunjung dan kemampuan menyimpan data akan disupport oleh
MySQL. Lengkap sudah semuanya. Namun tentu saja web programming tidak hanya
sebatas itu. Selain belajar HTML, PHP dan MySQL, tentu saja kamu dapat
mempelajari juga bahasa script lain yang akan lebih memperindah tampilan web
kamu dan mempermudah proses desain web kamu seperti CSS dan
Javascript. Kamu juga mungkin akan perlu menambah ketrampilan kamu
dalam membuat desain web dangan berbagai Aplikasi Pembuat
Website dan FrontPage serta belajar aplikasi pengolah gambar seperti
Fireworks dan Adobe.
Tetapi
untuk saat ini kita akan konsentrasi ke materi belajar HTML yang menjadi dasar
semua pemrograman web. Perlu saya sampaikan di sini bahwa meskipun kamu
sudah menguasai berbagai aplikasi yang mempermudah desain web, tetapi
walau bagaimanapun pada akhirnya kamu tetap akan memerlukan kemampuan untuk
melakukan pemrograman hands on alias manual untuk melakukan berbagai tuning
dalam program kamu.
Pengenalan HTML
Apa
yang dimaksud dengan file HTML?
–
HTML merupakan kependekan dari Hyper Text markup Language
–
Sebuah file HTML merupakan sebuah file teks yang berisi tag-tag markup
–
Tag markup memberitahukan browser bagaimana harus menampilkan sebuah halaman
–
File HTML harus memiliki ekstensi htm atau html
–
File HTML dapat dibuat menggunakan editor teks yang biasa kamu pakai.
Pengen Nyoba Bikin?
Mulailah
dengan membuka Notepad (di Windows XP bagi yang belum pernah klik Start,
Program, Accessories, Notepad).
Ketikkan
teks berikut:
1
2
3
4
5
6
7
8
| <html><head><title>Judul Halaman "Mr.GoYo"</title></head><body>Ini halaman pertama saya. <b>Teks ini ditebalkan</b></body></html> |
Simpan dengan nama
“halamansaya.html” (jangan lupa tambahkan tanda kutip ganda pada nama filenya.
Kalau lupa maka nama filenya akan menggunakan ekstensi default .txt sehingga
menjadi halamansaya.html.txt).
Buka Browser kamu
(misalnya internet explorer). Kilk File, Open, Browse dan pilih cari file
halamansaya.htm ;yang tadi kamu bikin. Klik OK, dan browser akan menampilkan
halaman yang tadi kamu buat.
Gampang kan? Atau masih
bingung? Ok, kita akan melihat penjelasan dari contoh di atas.
§ Setiap tag diapit oleh
tanda lebih kecil dan lebih besar. Kamu bisa melihat bahwa tag pertama adalah
<html>. Tag HTML pada umumnya selalu memiliki pasangan yang memiliki tag
sama dengan sedikit tambahan tanda garis miring “/”, dan kamu bisa melihat
pasangan tag <html> di akhir script yaitu </html>.
§ Tag <html>
memberitahu browser bahwa inilah awal dari dokumen HTML. Tag pasangannya yaitu
</html> menyatakan bahwa inilah akhir dari dokumen HTML.
§ Teks di antara
<head> dan </head> adalah teks informasi header. Informasi header
ini tidak ditampilkan pada jendela browser.
§ Teks di antara
<title> adalah judul dokumen kamu. Judul ini akan ditampilkan di caption
browser (lihat di bagian paling atas kanan dari browser kamu).
§ Teks di antara tag
<body> adalah teks yang akan ditampilkan pada jendela browser kamu.
§ Dan terakhir, teks di
antara <b> dan </b> akan ditampilkan dalam huruf tebal.
Nah, dengan penjelasan
ini kamu mustinya udah mulai manggut-manggut dan merasa, ko ternyata belajar
HTML gampang gini yah :). Mudah-mudahan.
Sekarang kita akan lihat
mengenai ekstensionnya. Sebagaimana sudah disampaikan di awal, kita bisa
membuat file HTML dengan 2 ekstension yaitu .htm dan .html. Nah ekstension .htm
ditujukan untuk operating sistem jaman dulu yang hanya mensupport ekstensi 3
huruf. Sedangkan ekstensi .html akan lebih aman digunakan jika OS dan
aplikasinya support karena lebih jelas menunjukkan bahwa ini adalah file HTML.
Sebagai catatan, setiap
kamu melakukan perubahan pada file HTML kamu, maka kamu harus me refresh
browser untuk melihat perubahan tampilannya.