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.
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 Java Script. 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.
Oh ya, sebelum saya lupa, saya perlu sampaikan bahwa
tutorial belajar HTML ini hanya salah satu dari puluhan tutorial lain tentang
HTML yang ada di prothelon. Saran saya, silakan lihat dulu daftar tutorial HTML ini dan pelajari tutorial-tutorial
tersebut secara berurutan untuk mendapatkan hasil yang maksimal.
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:
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.
Sebagai catatan, setiap kamu melakukan perubahan
pada file HTML kamu, maka kamu harus me refresh browser untuk melihat perubahan
tampilannya.
http://taufikspork.blogspot.com/2013/01/cara-cepat-belajar-html-dengan-mudah.html
http://taufikspork.blogspot.com/2013/01/cara-cepat-belajar-html-dengan-mudah.html
1 komentar:
Terima Kasih Agan Tri Marlina,,, cara Agan menjelaskannya sangat-sangat rinci dan mudah dimengerti bagi pemula seperti saya... Artikel tentang "Cara Cepat Belajar HTML dengan Mudah" ini bagus banget, sangat bermanfaat untuk menambah pengetahuan saya biar bisa cepat belajar HTML dengan mudah,,,saya rasa Artikel ini cocok untuk saya pelajari...Saya yakin, bukan hanya saya yang menerima manfaat dari Artikel ini, tapi semua yang membaca juga.
Sukses ya Gan...
Ditunggu Artikel menarik selanjutnya...
Jangan lupa kunjungi Website Kampus Saya : http://www.atmaluhur.ac.id
Kunjungi juga Website Saya : https://Leniyasin.mahasiswa.atmaluhur.ac.id
Posting Komentar