Masukkan kode ini untuk membuat tabel (saya dalam hal ini menggunakan aplikasi notepad, boleh dicopy paste) :
<html>
<head>
<title>membuat tabel sendiri</title>
</head>
<body>
<table border=1>
<tr>
<td>no</td>
<td>nama</td>
</tr>
<tr>
<td>1</td>
<td>Adi</td>
</tr>
<tr>
<td>2</td>
<td>Ali</td>
</tr>
</table>
</body>
</html>
Kode diatas disimpan dalam file berformat .html (contoh: file.html), kemudian kita buka file tersebut dengan browser, maka akan terbaca di browser seperti ini:
Jumlah kolomnya tergantung jumlah kode <tr> dan <td> nya, <tr> berarti membuat kolom secara vertikal, sedangkan kode <td> berarti membuat kolom secara horizontal. Apabila jumlah kode <tr> nya ada 3, berarti jumlah kolom secara vertikal ada 3, dan apabila jumlah kode <td> nya ada 3, berarti jumlah kolom secara vertikal ada 3. Berikut penjelasan rincinya:
Membuat 2 kolom secara vertikal & horizontal:
<tr>
<td>....</td>
<td>....</td>
</tr>
<tr>
<td>....</td>
<td>....</td>
</tr>
| no | nama |
| 1 | Adi |
| 2 | Ali |
Jumlah kolomnya tergantung jumlah kode <tr> dan <td> nya, <tr> berarti membuat kolom secara vertikal, sedangkan kode <td> berarti membuat kolom secara horizontal. Apabila jumlah kode <tr> nya ada 3, berarti jumlah kolom secara vertikal ada 3, dan apabila jumlah kode <td> nya ada 3, berarti jumlah kolom secara vertikal ada 3. Berikut penjelasan rincinya:
Membuat 2 kolom secara vertikal & horizontal:
<tr>
<td>....</td>
<td>....</td>
</tr>
<tr>
<td>....</td>
<td>....</td>
</tr>
Membuat 3 kolom secara vertikal dan 2 kolom secara horizontal:
<tr>
<td>....</td>
<td>....</td>
</tr>
<td>....</td>
<td>....</td>
</tr>
<tr>
<td>....</td>
<td>....</td>
</tr>
<td>....</td>
<td>....</td>
</tr>
<tr>
<td>....</td>
<td>....</td>
</tr>
<td>....</td>
<td>....</td>
</tr>
Membuat 2 kolom secara vertikal dan 3 kolom secara horizontal:
<tr>
<td>....</td>
<td>....</td>
<td>....</td>
</tr>
<td>....</td>
<td>....</td>
<td>....</td>
</tr>
<tr>
<td>....</td>
<td>....</td>
<td>....</td>
</tr>
<td>....</td>
<td>....</td>
<td>....</td>
</tr>
Jumlah kolom bisa kita tambahkan sesuai keinginan kita, kita hanya perlu menambah jumlah kode <tr> dan kode <td> nya sesuai jumlah kolom yang diinginkan.
Tidak ada komentar:
Posting Komentar