TAG UNTUK MEMBUAT TABEL
Cara membuat table dengan kode HTML 3 tag dasar yaitu: TABLE,TR, dan TD. Tag table untuk menandai sebuah table.TR untuk membentuk baris,TD untuk membentuk kolom. Secara default nilai border=0,jadi table akan tampil pada browser tanpa bingkai.
Berikut contoh contoh table dan scripnya:
1. Tabel 1
1. Tabel 1
Scrip Tabel di atas
<html>
<head>
<title> tabel1 </title>
</head>
<body>
<table border="1">
<tr>
<td align="center" width="50">1</td>
<td align="center" width="50">2</td>
<td align="center" width="50">3</td>
</tr>
<tr>
<td align="center" width="50">4</td>
<td align="center" width="50">5</td>
<td align="center" width="50">6</td>
</tr>
<tr>
<td align="center" width="50">7</td>
<td align="center" width="50">8</td>
<td align="center" width="50">9</td>
</tr>
</table>
</body>
</html>
2.Tabel 2 (menggabungkan 2 kolom)
Scrip Tabel di atas
<html>
<head>
<title> tabel2 </title>
</head>
<body>
<table border="1">
<tr>
<td width="30" align="center">1</td>
<td colspan="2" align="center">2</td>
</tr>
<tr>
<td width="30" align="center">3</td>
<td width="30" align="center">4</td>
<td width="30" align="center">5</td>
</tr>
<tr>
<td colspan="2" align="center">7</td>
<td width="30" align="center">8</td>
</tr>
</table>
</body>
</html>
3. Tabel 3 (menggabungkan 3 kolom)
scrip tabel di atas
<html>
<head>
<title> tabel3 </title>
</head>
<body>
<table border="1">
<tr>
<td colspan="3" align="center">1</td>
</tr>
<tr>
<td colspan="2" align="center">2</td>
<td width="30" align="center">3</td>
</tr>
<tr>
<td width="30" align="center">4</td>
<td width="30" align="center">5</td>
<td width="30" align="center">6</td>
</tr>
</table>
</body>
</html>
4. Tabel 4 (menggabungkan baris)
scrip tabel di atas
<html>
<head>
<title> Soal Latihan 1 No.1 </title>
</head>
<body>
<table border="1">
<tr>
<td rowspan="2" width="50" align="center">1</td>
<td width="50" align="center">2</td>
</tr>
<tr>
<td width="50" align="center">3</td>
</tr>
</table>
</body>
</html>
5. Tabel 5 (memasukan tabel dalam kolom)
scrip tabel di atas
<html>
<head>
<titlle >Latihan Table dua</title>
</head>
<body>
<table border="1">
<tr>
<td width="121" align="center">1</td>
<td width="250" colspan="3" align="center">2</td>
</tr>
<tr>
<td rowspan="2" width="100" align="center">3</td>
</tr>
<td width="250" colspan="3" width="250" height="100" align="center">
<table border="1">
<tr>
<td width="80" colspan="2" align="center">4</td>
</tr>
<tr>
<td width="80" align="center">5</td>
<td width="80" align="center">6</td>
</tr>
</table>
<tr>
<td width="250" colspan="3" height="100" align="center">
<table border="1">
<tr>
<td width="80" rowspan="2" align="center">7</td>
<td width="80" align="center">8</td>
</tr>
<tr>
<td width="80" align="center">9</td>
</tr>
</table>
<td rowspan="2" width="121"align="center">10</td>
</tr>
</table>
</body>
</html>
Mudah – mudahan materi tentang cara membuat tabel dengan
kode HTML di atas bermanfaat bagi anda...
Read More atau Baca Selanjutnya>>
Read More atau Baca Selanjutnya>>
Tidak ada komentar:
Posting Komentar