Tutorial HTML. Kalo pertemuan kemaren kita sudah belajar apa
itu html, kalo sobat belum baca, sebaiknya pelajari dulu yah biar tambah jatuh
cinta hehehhe…hehhehe.
Oke sobat, kita masuk ke materi yah…, oh yah di sini saya
ndak ngebahas apa itu web, www, internet atau apalah, saya asumsikan sobat
semua sudah tau dan mengerti istilah-istilah tersebut, tapi kalo belom
hhhmmmm….mmm googling aja lah…. Hehehhe. Dan untuk pengenalan HTML sobat bisa buka posting saya sebelumnya : apa itu HTML....??
Dalam pengerjaan HTML kita tidak harus menggunakan tool yang
mahal dan rumit, hanya dengan menggunakan text editor seperti nootped (aplikasi
bawaan windows) saja sudah cukup, oh yah dan satu lagi yaitu web browser. Sobat
bisa menggunakan web browser apapun, tapi saya sangat menyarankan sobat
menggunakan Mozilla atau google chrome. Mengapa…? Hhmmm…mmm kasih tau ndak yah?
Jumlah pemakai yang banyak itulah jawabannya.
Satu hal yang harus sobat perhatikan, dalam lingkungan HTML ,
tag-tag HTML kebanyakan membutuhkan tag penutup. Missal tag pembuka
<body> membutuhkan tag penutup </body> hanya beberapa saja yang
tidak membutuhkan tag penutup.
Oke sob, kita buat dulu folder untuk latihan kita, silahkan
sobat buat di mana saja, missal di drive D dengan nama folder :latihan-html. Nah di dalam folder ini
kita nantinya akan menyimpan semua file latihan kita.
Langsung ke sample codenya aja yah, code html secara
sederhana adalah seperti berikut:
Oke kita bahas satu-satu yah.
<!DOCTYPE html> tag ini memberi tahu ke browser bahwa
semua tag di bawahnya merupakan document dengan type HTML. Tag ini tidak
membutuhkan tag penutup.
Selanjutnya tag <html> sampai dengan tag penutup </html>
menjelaskan deskripsi sebuah halaman web.
Lho lalu mana yang nanti terlihat di web browser…? Hhhmmm
biar ndak penasaran silahkan sobat download codenya di sini yah…., terus tulis
di text editor save dengan file pake nama pertama.html (misal) terus buka deh
pake web browser.
Huuuaaaahhhh bingung neh…!!!! Unjukin dunk gimana caranya…..
Ada yang kebingungan kayak apa yang saya alami dulu….?
Tenang-tenang bos, ikuti saja langkahnya berikut ini :
Download codenya.
Silahkan sobat download codenya di sini, oh yah nanti akan
ada muncul halaman seperti ini :
Nah kalo dah kayak gitu click aja tuh pojok kanan atas, dan
ikuti ikuti aja intruksinya sampe bisa ke download.
Nah terus simpan di dalam folder latihan-html yang udah
dibuat tadi.
Gimana dah kesimpen…?
Kalo udah, buka lewat web browser kayak google chrome atau Mozilla,
perintah dari keybord (ctr+o)
Tampilannya kayak gini yah:
Nah kalo udah tinggal arahin dah, dimana sobat tadi nyimpen
filenya. Gimana dah tau penampakan dari kode yang kita bikin tadi….?
Oke bisa....? kalo belum silahkan comment yah...., insya Allah ntar saya tanggapin kok.
see You next.....
Tidak ada komentar:
Posting Komentar