ASAS
htttp://kursusictskbu2jb.blogspot.com
BAB 1: APA ITU HTML?
PENGENALAN
HTML…. Apa maksudnya?
htttp://kursusictskbu2jb.blogspot.com
Kelas pada hari akan tertumpu kepada
anda menulis sendiri kod-kod HTML
untuk menghasilkan laman web
menggunakan Notepad.
htttp://kursusictskbu2jb.blogspot.com
Jika anda dapat menguasai HTML
dengan secara manual. Saya yakin anda
dapat mempelajari bahasa komputer lain
seperti PHP, ASP, atau C++ berbanding
seseorang yang terus belajar bahasa
tersebut.
htttp://kursusictskbu2jb.blogspot.com
Dengan menggunakan Kod HTML anda boleh memberi arahan
untuk “bold”, “italicized”, “larger” dan “smaller” kepada sesuatu
tulisan.
Anda boleh:
<b>BOLD</b>
<i>italicized</i>,
<font size=+2>Larger</font>
<font size=-2>Smaller</font>.
htttp://kursusictskbu2jb.blogspot.com
Apa maksud simbol “<” dan “>” ni?
htttp://kursusictskbu2jb.blogspot.com
STRUKTUR DOKUMEN
HTML adalah fail normal biasa. Biasanya
fail ini mempunyai extension seperti .htm,
.htm, .shtml.
1. Kepala (head)
2.Badan (body).
Bahagian “body” adalah bahagian paling besar
berbanding dengan “head”.
htttp://kursusictskbu2jb.blogspot.com
Contoh Asas Struktur HTML
<html>
<head><title>TajukSaya</title></head>
<body>Badan Saya</body>
</html>
htttp://kursusictskbu2jb.blogspot.com
LANGKAH-LANGKAH
Ok… mari kita apply apa yang telah kita belajar sebelum ini.
htttp://kursusictskbu2jb.blogspot.com
Rajah 1.0 :: Notepad
htttp://kursusictskbu2jb.blogspot.com
sila tulis seperti dibawah…
<html>
<head>
<title>Dunia SKBU2JB</title>
</head>
<body>
Ini adalah laman web pertama saya!...
Senyum-senyum selalu
</body>
</html>
htttp://kursusictskbu2jb.blogspot.com
Selepas itu pilih File > Save As (Rajah
1.2)
htttp://kursusictskbu2jb.blogspot.com
Pastikan nama fail anda ditulis berakhir
dengan “.html” seperti “SKBUJB.html”
“index.html”
“sitinurhaliza.html” …
Pastikan anda tahu dimana lokasi fail
yang anda “save” kan itu.
Buka fail tersebut!
htttp://kursusictskbu2jb.blogspot.com