Anda di halaman 1dari 27

4.

0 KOD
ARAHAN
4.2 KOD ARAHAN
5 MINGGU HTML
10 JAM

4.2.1 Melakar papan cerita


untuk membina laman
sesawang yang
menggunakan kod arahan
O Papan cerita HTML.
(storyboard) : satu
sirilakaranbagi menggambarkan
turutan isi kandungan bagi skrin
multimedia

HTML
O HTML is amarkuplanguage

fordescribingweb documents (web


pages).
O HTML stands
forHyperTextMarkupLanguage
O A markup language is a set
ofmarkup tags
<html></html>
O HTML documents are described
byHTML tags
O Each HTML tagdescribesdifferent

KEPERLUAN
1. Buka program NotePad
2. Pilih menu File/ New
3. Taipkan baris kod.
4. Setelah selesai, pilih menu File/ Save As
5. Simpan (save As) fail sebagai
a.namadoc.txt
b.namadoc.html
6. Untuk melihat hasil paparan, klik fail

yang dinamakan namadoc.html . Fail


akan dipaparkan melalui Internet
Explorer

4.2.2 Menggunakan tags dalam atur


cara
HTML :
<head>; <title>; <body> dan
<paragraph>

<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>

CONTOH
http://www.w3schools.com/html/

4.2.3 Mengguna paragraph


headings dalam atur cara HTML
yang dibina.
O HTML headings are defined with

the<h1>to<h6>tags.
O <h1> defines the most important
heading. <h6> defines the least
important heading

4.2.4 Menggunakan atur cara


HTML untuk menghasilkan Banner,
Frame dan Menu

Banner

4.2.4 Menggunakan atur cara


HTML untuk menghasilkan Banner,
Frame dan Menu

banner

menu

4.2.5 Membina pautan


teks dan imej dalam atur
cara HTML.
O HTML links are hyperlinks. (pautan)
O You can click on a link and jump to

another document.
O Note:A link does not have to be
text. It can be an image or any other
HTML element.

teks

imej

O In HTML, images are defined with

the<img>tag.
O The <img> tagis empty, it contains
attributes only, and does not have a
closing tag.
O The src attribute specifies the URL
(web address) of the image

4.2.6 Menulis atur cara untuk


memasukkan imej dalam atur
cara HTML.

4.2.7 Menghasilkan pull


down menu melalui atur cara
HTML.

4.2.8 Menghasilkan ruang


komen melalui atur cara
HTML.
O http://
www.w3schools.com/html/html_form_elements.as
p

4.2.9 Mengesan sebarang ralat


yang berlaku dalam atur cara
HTML yang dibina.

4.2.10 Membina laman sesawang


interaktif yang memaparkan Banner,
Menu, Ruangan Komen, Frame dan Pull
down menu.

Anda mungkin juga menyukai