PEMROGRAMAN WEB DENGAN HTML =>
PENGENALAN HTML
1.1
APA SIH DOKUMEN HTML ITU??
Hyper Text Markup Language atau yang
biasa disebut HTML adalah file teks murni yang dapat dibuat dengan editor teks
sembarang. Dokumen HTML adalah dokumen yang disajikan dalam browser wed surfer,
umumnya berisi informasi atau interface aplikasi di dalam internet.
Lalu bagaimana membuat sebuah web
page? Hhhh, ini dia caranya! Pengen tau kan, pasti pengen tau bngt ni gan :D
Ada
dua cara membuat sebuah web page. Dengan HTML editor atau dengan editor teks
biasa (notepad).
1.2
BAGAIMANA PENAMAAN DOKUMEN?
Gini gan. Tolong di ingat dengan
baik dan bener yo. Pertama pilih suatu nama, nama sembarang deh, then.. cielah pakek bhasa inggris sgala ya,
:D. Nah selanjutnya setelah agan pilih nama kemudian tambahkan sebuah ekstensi
“.htm” atau “.html” (tanda petik tidak perlu di tulis karena itu Cuma saya
jadikan penjelas saja).
1.3
LANGSUNG PRAKTIKUM AJA YA BIAR AGAN CEPET PAHAM!
Disini kita akan menggunakan
notepad. Yang perlu disiapkan adalah sebagai berikut gan:
1. Sebuah
komputer yang siap web (laptop juga bisa).
2. Editor
teks (notepad).
3. Koneksi
ke server web.
4. Browser
web. Disini saya menggunakan mozila. Internet explorer juga bisa.
Kunci
belajar HTML adalah dengan mencoba so jangan males belajar kalo pengen mahir
gan :D
Surfing
dimulai! Lets go!!
Buat
direktori kerja di drive anda dengan nama “latihan”. Jalankan notepad. Lalu
ketikkan seperti di bawah ini!
Setelah
itu simpan di drive anda dengan ekstensi “.html”
Selanjutnya
agan bisa ngecek deh’ sudah berhasih apa belom. Kalo uda berhasil hasilnya
seperti di bawah ini!
1.4
PENJELASAN CONTOH
<html> adalah tag pertama dari
dokumen html anda gan. Tag tersebut memberi tahu bahwa itu adalah awal dari
dokumen HTML. Sedangkan tag </html> memberi tahu browser agan bahwa iyu
adalah akhir dari dokumen HTML. Begitu juga dengan
<head></head><title></title><body></body>
juga sama gan, bedanya adalah <head> berisi informasi header (informasi
header tida ditampilkan pada windows browser agan). <title> adalah judul
dokumen agan (ditampilkan pada windows caption). <body> berisi isi dari
dokumen agan.
1.5
PENJELASAN PENGGUNAAN TAG
·
Tag HTML diapit <dan>.
·
Tag HTML selalu bepasangan (always with
couple) contohnya <b> dan </b>.
·
Tag berpasangan yang pertama adalah tag
awal, dan tag yang kedua adalah tag akhir.
·
Tidak “case sensitive”. Berarti
<b> memberi arti yang sama dengan <B>.
·
Jika suatu tag ada tag lain, maka harus
ditulis secara berurut. Contoh <b><i> </b></i>.
1.6
TIPS
Belajar HTML lebih efektif jika kita
sering berlatih dan melihat bagaimana programer web lain melakukannya. Untuk
mengetahuinya: klik menu “VIEW” pada menu bar lalu agan pilih “SOURCE” atau
“PAGE SOURCE”.
SEMOGA BERMANFAAT GAN.. :)
