Reka bentuk dan reka letak laman sesawang
• Banner ialah sepanduk web yang diletakkan dalam laman sesawang dan
boleh digunakan sebagai tajuk kepada laman.
• Frame ialah bingkai yang membahagikan skrin paparan laman sesawang
kepada bahagian-bahagian tertentu.
• Menu ialah pautan pantas ke bahagian-bahagian tertentu
asas
<html>
<head>
<title>Tajuk Dokumen</title>
</head>
<body>
<h1>Tajuk Besar</h1>
<p>Perenggan</p>
</body>
</html>
asas
<html>
<body>
<h1>Tajuk HTML Pertamaku</h1>
<p>Ini perenggan pertama</p>
</body>
</html>
Tajuk (h1 – h6)
Heading
HTML Coding :
<html>
<head>
<title> Heading </title>
</head>
<body>
<h1> This is Heading 1 </h1>
<h2> This is Heading 2 </h2>
<h3> This is Heading 3 </h3>
<h4> This is Heading 4 </h4>
<h5> This is Heading 5 </h5>
<h6> This is Heading 6 </h6>
</body>
</html>
perenggan
<p>Ini perenggan pertama.</p>
<p>Ini perenggan seterusnya.</p>
Pautan link
<a href="http://www.google.com">Ini pautan Google</a>
Memasukkan imej
<img src=“URL imej" alt=“google.com" width="142" height="142">
amanda.jpg size : 142 x 142
<img src="amanda.jpg">
<img src=“amanda.jpg" alt=“Guru ASK ” width=“142” height=“142”>
<img src=“amanda.jpg" alt=“Guru ASK ” style =“ width:142px ; height:142px ; ”>
Format tulisan
<b>Ini tulisan tebal</b>
<strong>Ini tulisan jelas</strong>
<i>Ini tulisan condong</i>
<em>Ini tulisan penegasan</em>
FRAME SET
<html>
<head>
<title> My Frame</title>
</head>
<frameset rows="30%,70%">
<frame src="Banner.jpg" alt="Banner" style="width:800px;height:42px;border:0"
name="top">
<frameset cols="20%,85%">
<frame src="Menu.html" name="menu">
<frame src="Index.html" name="main">
</frameset>
</html>
Top
Menu Main
Menu
<html>
<head>
<title> </title>
</head>
<body>
<nav>
<ul>
<li><a href="Index.html" target="main"> Main Page</a></li>
<li><a href="DiriSaya.html" target="main"> Diri Saya </a></li>
<li><a href="Jadual.html" target="main"> Jadual </a></li>
</ul>
</nav>
</body>
</hml>
Pull down menu
Pull down Menu
<html>
<head>
<title> PULL DOWN MENU </title>
</head>
<body>
<p> Pilih Kelas ASK </p>
<select>
<option value =" 3 Red"> 3 Red </option>
<option value =" 3 Orange"> 3 Orange </option>
<option value =" 3 Yellow"> 3 Yellow </option>
<option value =" 3 Green"> 3 Green </option>
</select>
</body>
Ruang komen dalam HTML
• Ruang komen dalam laman sesawang bertujuan untuk pelawat memberi
maklum balas.
• Pelawat yang melayari sesuatu laman sesawang boleh memberikan
pendapat mereka dalam bentuk teks di dalam ruang komen.
• Komen yang dihantar akan ditujukan kepada pentadbir laman sesawang
tersebut.
<html>
<head>
<title> KOMEN </title>
</head>
<body>
<form method = 'post'>
<p> Tuliskan komen anda</p>
<textarea name='komen' id='komen'>
</textarea>
<input type='submit' value='Hantar'>
</form>
</body>
The words you are searching are inside this book. To get more targeted content, please make full-text search by clicking here.
Score A in ASK.pptx
Discover the best professional documents and content resources in AnyFlip Document Base.
Search