Egyptian Vase
Egyptian Queen
Egyptian FarmerDi bawah ini adalah 4 contoh bagaimana HTML Tag digunakan.
HTML Heading
"HTML Heading" mempunyai tag <h1> hingga <h6>. Tag <h1> mempunyai huruf font yang terbesar dan tag <h6> mempunyai huruf font yang terkecil.
Copy dan paste kod di bawah ini ke dalam notepad, save dengan memberi nama fail dan kemudian buka browser klik File->Open File-> dan klik nama fail yang anda simpan tadi.Anda akan dapat melihat perbezaan saiz huruf tersebut.
CONTOH HTML HEADING
<html>
<head>
<body>
<h1>Tajuk 1</h1>
<h2>Tajuk 2</h2>
<h3>Tajuk 3</h3>
<h4>Tajuk 4</h4>
<h5>Tajuk 5</h5>
<h6>Tajuk 6</h6>
</body>
</head>
</html>
<head>
<body>
<h1>Tajuk 1</h1>
<h2>Tajuk 2</h2>
<h3>Tajuk 3</h3>
<h4>Tajuk 4</h4>
<h5>Tajuk 5</h5>
<h6>Tajuk 6</h6>
</body>
</head>
</html>
HTML Perenggan
HTML Perenggan ditanda dengan tag <p>. Jika sesuatu ayat dimulakan dengan tag ini, ayat tersebut akan berada di perenggan baru.
Copy dan paste kod-kod seperti di bawah ini dan simpan di notepad seperti contoh di atas dan lihat melalui browser anda.
CONTOH HTML PERENGGAN
<html>
<head>
<body>
<p>Perenggan 1</p>
<p>Perenggan 2</p>
<p>Perenggan 3</p>
</body>
</head>
</html>
<head>
<body>
<p>Perenggan 1</p>
<p>Perenggan 2</p>
<p>Perenggan 3</p>
</body>
</head>
</html>
HTML Link
Tag untuk html link ialah <a>. Klik contoh di bawah ini untuk melihat apa yang dimaksudkan dengan "link".
CONTOH HTML LINK
<html>
<head>
<body>
<a href="http://panduan-asas-html.blogspot.com">
Ini adalah link ke Panduan Asas HTML</a>
</body>
</head>
</html>
<head>
<body>
<a href="http://panduan-asas-html.blogspot.com">
Ini adalah link ke Panduan Asas HTML</a>
</body>
</head>
</html>
HTML Image (gambar)
Tag untuk html image atau gambaradalah <img> Sila klik butang untuk lihat contoh yang disediakan.
CONTOH HTML IMAGE(GAMBAR)
<html>
<head>
<body>
<img src="http://mfm6009.googlepages.com/pretty_girl.GIF "/>
</body>
</head>
</html>
<html>
<head>
<body>
<img src="http://mfm6009.googlepages.com/pretty_girl.GIF "/>
</body>
</head>
</html>
 | © 2009 shake your head tutorial blog |
No comments:
Post a Comment