Hari ini saya mengajar pelajar saya asas membina table menggunakan kod pengaturcaraan HTML.
Berikut adalah langkah demi langkah untuk membina table tersebut .
Jika anda ingin menulis pada tool web yang bersifat interaktif, anda boleh download perisian Sublime Text 3 di halaman berikut .
Sublime Text 3
1. Buka perisian Notepad / Notepad + / Sublime Text3 (Mengikut pilihan anda).
2. Sebelum anda memulakan aturcara kod HTML, save terlebih dahulu dokumen anda dengan format HTML seperti berikut :
latihan-table.html --> Buat satu folder khas untuk menyimpan dokumen ini. Contoh Folder "Latihan HTML"
 |
| Buat Folder baru bernama Latihan HTML |
 |
| Buka Folder "Latihan HTML" dan Save dokumen dengan menamakan sebagai "latihan-table.html" |
 |
| Dokumen latihan-table.html yang sudah wujud dalam folder Latihan HTML |
3. Salin kod 1 dibawah dan tampalkan pada dokumen latihan-table.html.
<html>
<head>
<title>Contoh Table </title>
</head>
<body>
<!-- Masukkan Kod 2 di sini -->
</body>
</html>
<head>
<title>Contoh Table </title>
</head>
<body>
<!-- Masukkan Kod 2 di sini -->
</body>
</html>
Kod 1
Hasil pada Sublime Text 3 :
<center>
<h2>SELAMAT BERKENALAN DENGAN HTML </h2>
<table border="1">
<tr>
<th>KURSUS</th>
<th>3 HARI</th>
<th>6 HARI</th>
</tr>
<tr>
<td>KURSUS MICROSOFT SERVER 2008</td>
<td>RM500</td>
<td>RM1000</td>
</tr>
<tr>
<td>KURSUS MICROSOFT SERVER 2013</td>
<td>RM300</td>
<td>RM600</td>
</tr>
<tr>
<td>KURSUS WEB DESINGN</td>
<td>RM300</td>
<td>RM600</td>
</tr>
</table>
<h2>SELAMAT BERKENALAN DENGAN HTML </h2>
<table border="1">
<tr>
<th>KURSUS</th>
<th>3 HARI</th>
<th>6 HARI</th>
</tr>
<tr>
<td>KURSUS MICROSOFT SERVER 2008</td>
<td>RM500</td>
<td>RM1000</td>
</tr>
<tr>
<td>KURSUS MICROSOFT SERVER 2013</td>
<td>RM300</td>
<td>RM600</td>
</tr>
<tr>
<td>KURSUS WEB DESINGN</td>
<td>RM300</td>
<td>RM600</td>
</tr>
</table>
Pada paparan Sublime text 3 :
4. Simpan dokumen anda, kemudian pada folder "Latihan HTML" , tekan dokumen Latihan-table.html untuk dipaparkan pada pelayar web.
SELAMAT BERKENALAN DENGAN HTML
| KURSUS | 3 HARI | 6 HARI |
|---|---|---|
| KURSUS MICROSOFT SERVER 2008 | RM500 | RM1000 |
| KURSUS MICROSOFT SERVER 2013 | RM300 | RM600 |
| KURSUS WEB DESIGN | RM300 | RM600 |
No comments:
Post a Comment