Cataloged AutobiographyBERKENAAN SAYA
Hello. Saya adalah self-taught web designer yang banyak menghabiskan masa meneroka penggunaan CSS dan HTML. Blogging hanyalah hobi. Teruskan membaca..
The Readable Journal
MENEROKA ARTIKEL
Teroka artikel berhubung dengan tutorial, contoh dan penggunaan CSS dan HTML dalam web design di ruang ini. Web design menyeronokan. Ke tutorial...Klik sini
Astrolab Tool
KATEGORI ARTIKEL
Suatu sistem yang berfungsi untuk membantu menjelajahi topik-topik terkait dan menyenaraikan pelbagai sub-bahagian artikel...Klik sini



BINA WEBPAGE
September 6, 2008
Posted by: Fauzie


Jika anda telah membaca semua rencana dalam Asas Tutorial HTML ini, saya pasti anda telahpun mendapat gambaran apa itu HTML dan bagaimana menggunakannya.

Dalam dalam bahagian akhir ini kita akan cuba membina satu webpage mudah dengan menggunakan kod-kod yang telah dibincang dalam rencana-rencana sebelum ini.

Seperti biasa buka text editor (Notepad) taipkan atau copy kod-kod seperti di bawah ini dan simpan (save). Apabila anda memberi nama fail (file name) sila pastikan nama fail tersebut diikuti dengan .html

Contoh: websaya.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Webpage Pertama Saya</title>
<!--Ini adalah comment-->
</head>
<body>
<h1>Webpage Pertama Saya</h1>
<h2>Apakah ini?</h2>
<p>Ini adalah contoh webpage menggunakan HTML.<strong>Ini adalah contoh webpage menggunakan HTML.</strong>Ini adalah contoh webpage menggunakan HTML.
Ini adalah contoh webpage menggunakan HTML.Ini adalah contoh webpage menggunakan HTML.Ini adalah contoh webpage menggunakan HTML.Ini adalah contoh webpage menggunakan HTML.Ini adalah contoh webpage menggunakan HTML.Ini adalah contoh webpage menggunakan HTML.Ini adalah contoh webpage menggunakan HTML.</p>
<h2>Apakah kegunaan webpage ini</h2>
<ul>
<li>Mempelajari HTML</li>
<li>Untuk ditunjukkan kepada</li>
<ol>
<li>Untuk ditunjukkan kepada orang ramai</li>
<li>Untuk ditunjukkan kepada kawan-kawan</li>
<li>Untuk sesiapa yang berminat</li>
</ol>
<li>Saya benar-benar dah seronok dengan HTML ini.</li>
</ul>
<h2>Dimana kita boleh belajar HTML ini</h2>

<h3>Contoh table</h3>
<table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
<td>Row 1, cell 3</td>
</tr>
<tr>
<td>Row 2, cell 1</td>
<td>Row 2, cell 2</td>
<td>Row 2, cell 3</td>
</tr>
<tr>
<td>Row 3, cell 1</td>
<td>Row 3, cell 2</td>
<td>Row 3, cell 3</td>
</tr>
<tr>
<td>Row 4, cell 1</td>
<td>Row 4, cell 2</td>
<td>Row 4, cell 3</td>
</tr>
</table>
</tr></td></table>
<h3>Contoh Form atau Borang</h3>
<p><strong>Nota:</strong>Di bawah ini adalah beberapa contoh form</p>

<form action="somescript.php"method="post">
<p>Nama:</p>
<p><input type="text" name="nama" value="Nama Anda"/></p>

<p>Comment:</p>
<p><textarea rows="10" cols="20" name"comment">Comment Anda</textarea></p>

<Bangsa:</p>
<input type="radio" name="Bangsa" value="melayu"/>Melayu</p>
<input type="radio" name="Bangsa" value="cina"/>Cina</p>
<input type="radio" name="Bangsa" value="india"/>India</p>
<input type="radio" name="Bangsa" value="lain-lain"/>Lain-lain</p>

<p><input type="submit"/></p>

<p><input type="reset"/></p>
</form>
</body>
</html>