Belajar HTML Bagi Pemula
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.
Web statis adalah website yang mana pengguna tidak bisa mengubah konten dari
web tersebut secara langsung menggunakan browser. Interaksi yang terjadi antara
pengguna dan server hanyalah seputar pemrosesan link saja. Halaman-halaman web
tersebut tidak memliki database, data dan informasi yang ada pada web statis
tidak berubah-ubah kecuali diubah sintaksnya. Dokumen web yang dikirim kepada client
akan sama isinya dengan apa yang ada di web server. 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 menabah
kemampuan PHP kamu.
Saya bisa dengan singkat menjelaskan seperti ini.
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 web seperti
Dreamweaver 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.
Siap? OK, kita akan mulai belajar HTML.
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:
Ketikkan teks berikut:
1
2
3
4
5
6
7
8
|
.<html>
.<head>
.<title>Judul Halaman</title>
.</head>
.<body>
.Ini halaman pertama saya. <b>Teks ini ditebalkan</b>
.</body>
.</html>
|
Simpan dengan nama “halamanku.htm” (jangan lupa tambahkan tanda kutip ganda
pada nama filenya. Kalau lupa maka nama filenya akan menggunakan ekstensi
default .txt sehingga menjadi halamanku.htm.txt).
Buka Browser kamu (misalnya internet explorer). Kilk File, Open, Browse dan
pilih cari file halamanku.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.
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.
Ok, tutorial belajar HTML sesi perkenalan cukup, ini mengasyikkan kok,
terus dilatih sendiri ya guys...
0 komentar:
Posting Komentar