Hei kawan.
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 .
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 :
4. Simpan dokumen anda, kemudian pada folder "Latihan HTML, tekan dokumen Latihan-table.html untuk dipaparkan pada pelayar web.
5. Hasilnya :
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 |
Artikel Sumber :Blog Cikgu Afzan
No comments:
Post a Comment