Cara Membuat Tabel
Tag HTML :
Tabel 1
<html>
<head>
<tittle><font face="firewalk36" color="green">table_1</font></tittle>
</head>
<body>
<table border="1">
<tr>
<td><font face="firewalk36" color="green"> belajar </td>
<td><font face="firewalk36" color="green"> pemrograman </td>
<td><font face="firewalk36" color="green"> web </td>
</tr>
<tr>
<td><font face="firewalk36" color="green"> materinya </td>
<td><font face="firewalk36" color="green"> tentang </td>
<td><font face="firewalk36" color="green"> tabel </td>
</font>
</tr>
</table>
</body>
</html>
Hasilnya :
<html>
<head>
<title>table_2</title>
</head>
<body>
<table border="1" width=500">
<tr>
<td><font face="firewalk36">Header kiri</td>
<td align="center" width="50%"><font face="firewalk36">header tengah</td>
<td align="right"> <font face="firewalk36">Header kanan</td>
</tr>
<tr>
<td valign="top" rowspan="2"><font face="firewalk36">Menu kiri</td>
<td align="center" colspan="2" height="200"><font face="firewalk36">Bagian isi</td>
</tr>
<tr>
<td align="center"><font face="firewalk36">Footer tengah</td>
<td align="right"><font face="firewalk36">Footer kanan</td>
</tr>
</font>
</table>
</body>
</html>
<html>
<head>
<tittle><font face="firewalk36" color="green">table_1</font></tittle>
</head>
<body>
<table border="1">
<tr>
<td><font face="firewalk36" color="green"> belajar </td>
<td><font face="firewalk36" color="green"> pemrograman </td>
<td><font face="firewalk36" color="green"> web </td>
</tr>
<tr>
<td><font face="firewalk36" color="green"> materinya </td>
<td><font face="firewalk36" color="green"> tentang </td>
<td><font face="firewalk36" color="green"> tabel </td>
</font>
</tr>
</table>
</body>
</html>
Hasilnya :
Tabel 2
<head>
<title>table_2</title>
</head>
<body>
<table border="1" width=500">
<tr>
<td><font face="firewalk36">Header kiri</td>
<td align="center" width="50%"><font face="firewalk36">header tengah</td>
<td align="right"> <font face="firewalk36">Header kanan</td>
</tr>
<tr>
<td valign="top" rowspan="2"><font face="firewalk36">Menu kiri</td>
<td align="center" colspan="2" height="200"><font face="firewalk36">Bagian isi</td>
</tr>
<tr>
<td align="center"><font face="firewalk36">Footer tengah</td>
<td align="right"><font face="firewalk36">Footer kanan</td>
</tr>
</font>
</table>
</body>
</html>
Hasilnya :
Tabel 3
<html>
<head>
<title>Soal 1</title>
</head>
<body>
<table border="1" width="500">
<tr>
<td align="center" colspan="2">1</td>
<td align="center" colspan="1">6</td>
</tr>
<tr>
<td align="center" colspan="1">2</td>
<td align="center" colspan="1">3</td>
<td align="center" rowspan="3">7</td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td align="center" colspan="1">4</td>
<td align="center" colspan="1">5</td>
</tr>
</table>
</body>
</html>
Tabel 3
<html>
<head>
<title>Soal 1</title>
</head>
<body>
<table border="1" width="500">
<tr>
<td align="center" colspan="2">1</td>
<td align="center" colspan="1">6</td>
</tr>
<tr>
<td align="center" colspan="1">2</td>
<td align="center" colspan="1">3</td>
<td align="center" rowspan="3">7</td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td align="center" colspan="1">4</td>
<td align="center" colspan="1">5</td>
</tr>
</table>
</body>
</html>
Hasilnya :
Tabel 4
<html>
<body>
<title>Soal 2</title>
<head>
<table border="1" width="500">
<tr>
<td align ="center"colspan="4">1</td>
</tr>
<tr>
<td align="center">2</td>
<td align="center" colspan="2"">3</td>
<td valign="top" align="center" rowspan="4">8</td>
</tr>
<tr>
<td align="center" rowspan="1">4</td>
<td align="center" rowspan="1">5</td>
<td align="center" rowspan="1">6</td>
</tr>
<tr>
<td align="center" colspan="3">7</td>
</tr>
</table>
</body>
</html>
Hasilnya :
Tabel 5
<html>
<head>
<title> Soal 3</title>
</head>
<body>
<table border="1" width="500">
<tr>
<td align="center" colspan="1">1</td>
<td align="center" colspan="1">2</td>
<td align="center" colspan="1">3</td>
</tr>
<tr>
<td align="center" colspan="1">4</td>
<td align="center" colspan="1">5</td>
<td align="center" colspan="1">6</td>
</tr>
<tr>
<td align="center" colspan="3">7</td>
</tr>
</table>
</body>
</html>
<head>
<title> Soal 3</title>
</head>
<body>
<table border="1" width="500">
<tr>
<td align="center" colspan="1">1</td>
<td align="center" colspan="1">2</td>
<td align="center" colspan="1">3</td>
</tr>
<tr>
<td align="center" colspan="1">4</td>
<td align="center" colspan="1">5</td>
<td align="center" colspan="1">6</td>
</tr>
<tr>
<td align="center" colspan="3">7</td>
</tr>
</table>
</body>
</html>
Hasilnya :
Tabel 6
<html>
<head>
<title>Soal 4</title>
</head>
<body>
<table border="1" width="500">
<tr>
<td align="center" colspan="3"><b>1</b></td>
</tr>
<tr>
<td align="center" colspan="1"><b>2</b></td>
<td valign="top" align="center" rowspan="2" width="300"><b>4</b></td>
</tr>
<tr>
<td align="center" colspan="1"><b>3</b></td>
</tr>
<tr>
<td align="center" colspan="3"><b>5</b></td>
</tr>
</table>
</body>
</html>
<head>
<title>Soal 4</title>
</head>
<body>
<table border="1" width="500">
<tr>
<td align="center" colspan="3"><b>1</b></td>
</tr>
<tr>
<td align="center" colspan="1"><b>2</b></td>
<td valign="top" align="center" rowspan="2" width="300"><b>4</b></td>
</tr>
<tr>
<td align="center" colspan="1"><b>3</b></td>
</tr>
<tr>
<td align="center" colspan="3"><b>5</b></td>
</tr>
</table>
</body>
</html>
Hasilnya :
0 komentar:
Posting Komentar
Berikan Komentar...!!!