Anda di halaman 1dari 12

4.2.

2)
MENGGUNAKAN TAGS
DALAM ATUR CARA HTML
TAGS DALAM ATURCARA HTML
 Menu merupakan pautan ke atas fail-fail tertentu atau ke atas alamat URL yang tertentu dalam laman web.
 Untuk mencipta menu terdapat beberapa tag yang boleh digunakan iaitu :

TAG HTML FUNGSI


<html> … </html> Tag untuk membuat sebuah dokumen HTML
<title> … </title> Tag untuk membuat judul dari sebuah halaman
<body>…</body> Tag untuk membuat isi bagi sesebuah laman web yang mempunyai teks, imej
dan pautan
<head>…</head> Tag untuk membuat kepala laman web yang memberi informasi tentang
dokumen
<paragraph> … Tag ini adalah untuk membentuk perenggan yang baru dalam sesebuah artikel.
</paragraph> Tag ini diringkaskan kepada <p>...</p>
TAGS DALAM ATURCARA HTML
 Untuk melihat penggunaan tah HTML di atas, anda boleh menaip kod aturcara di bawah dengan
menggunakan perisian Notepad atau boleh menggunakan online editor pada URL
https://htmlcodeeditor.com/ atau android boleh guna anWriter free HTML editor yang di download
daripada aplikasi playstore.
 Cuba taip kod editor berikut dan perhatikan hasilnya.
 Simpan kod aturcara HTML di atas dengan nama contoh1.html atau anda boleh menaip
terus aplikasi online pada URL berikut :
 https://htmlcodeeditor.com/
 Hasil kod aturcara tadi adalah seperti berikut :
4.2.3)
MENGGUNAKAN PARAGRAPH
HEADINGS DALAM ATUR CARA HTML
PARAGRAPH HEADINGS
 Berikut adalah saiz bagi header anda boleh menaip pada perisian Notepad atau pada aplikasi online pada
URL https://htmlcodeeditor.com/
 Taip kod aturcara berikut dan simpan dengan nama contoh2.html.
4.2.4)
MENGHASILKAN BANNER, FRAME
DAN MENU DALAM ATUR CARA HTML
BANNER
 Untuk menghasilkan banner, anda boleh menggunakan perisian Paint yang sudah terpasang dalam mana-
mana computer yang menggunakan OS Windows.
 A. CIPTA FAIL GRAFIK
1) Lancarkan perisian Paint dari komputer dengan :
a) Klik File > New


BANNER
 A. CIPTA FAIL GRAFIK
1) Lancarkan perisian Paint dari komputer dengan :
a) Klik File > New
b) Klik icon Resize
c) Ubah saiz banner mengikut
tetapan piksel iaitu 1000 x 120.
d) Klik ok
2) Gunakan kreativiti anda untuk
mereka bentuk banner ini agar
Nampak lebih menarik.
3) Simpan dengan nama fail
banner.jpeg


BANNER
• Contoh banner yang terhasil adalah seperti di bawah :
FRAME
 Frame adalah pembahagian ke atas paparan laman web mengikut kesesuaian dan keperluan. Berikut adalah
paparan frame yang biasa ditemui.
 Frame boleh secara melintang atau menegak atau kedua-duanya sekali.

 Untuk frame melintang, gunakan tag <frameset rows = “20%, *”>, manakala frame menegak, gunakan tag
<frameset cols = “20%, *”>
 Fail yang hendak dipaparkan dalam frame, gunakan tag <frame src = “atas.html”>
FRAME
 Dengan menggunakan perisian Notepad ++, cipta fail baru, taip kod atur cara di bawah dan simpan dengan
nama fail : index.html

Anda mungkin juga menyukai