nah readers,kalau yang ini script mambuat tabel
ada yang pake colspan ada juga yang pake rowspan dan ada juga yang pake 22nya
ini cuma sekedar contoh aja sih buat bikin tabel yang lebih kompleks kayak post mimin yang sebelumnya..
jangan lama2 deh ah.. nih scriptnya
<html>
<head>
<title>latihan </title>
</head>
<body>
<h1>Latihan Tabel 1</h1>
<table border="1">
<tr>
<td align="center">satu</td>
<td align="center">dua</td>
</tr>
<td align="center">tiga</td>
<td align="center">empat</td>
</table>
</body>
<html>
<hr>
<html>
<body>
<h1>Latihan Tabel 2</h1>
<table border="1">
<tr>
<td colspan="2" align="center">satu</td>
</tr>
<tr>
<td align="center">dua</td>
<td align="center">tiga</td>
</table>
</body>
<html>
<hr>
<html>
<body>
<h1>Latihan Tabel 3</h1>
<table border="1">
<tr>
<td rowspan="2" align="left">satu</td>
<td align="center">dua</td>
</tr>
<tr>
<td align="center">tiga</td>
</table>
</body>
<html>
<hr>
<html>
<body>
<h1>Latihan Tabel 4</h1>
<table border="1">
<tr>
<td align="center">satu</td>
<td rowspan="3" align="right">tiga</td>
</tr>
<tr>
<td align="center">dua</td>
</table>
</body>
<html>
<hr>
<html>
<body>
<h1>Latihan Tabel 5</h1>
<table border="1">
<tr>
<td align="center">satu</td>
<td rowspan="2" align="center">tiga</td>
<td align="center">empat</td>
</tr>
<tr>
<td align="center">dua</td>
<td align="center">lima</td>
</table>
</body>
<html>
<hr>
<html>
<body>
<h1>Latihan Tabel 6</h1>
<table border="1">
<tr>
<td colspan="3" align="center">dua</td>
</tr>
<tr>
<td align="center">satu</td>
<td align="center">tiga</td>
<td align="center">empat</td>
</table>
</body>
<html>
<hr>
<html>
<body>
<h1>Latihan Tabel 7</h1>
<table border="1">
<tr>
<td colspan="2" align="center">empat</td>
<td rowspan="2" align="left">tiga</td>
</tr>
<tr>
<td align="center">satu</td>
<td align="center">dua</td>
</table>
</body>
<html>
<hr>
<html>
<body>
<h1>Latihan Tabel 8</h1>
<table border="1">
<tr>
<td align="center">satu</td>
<td align="center">dua</td>
<td align="center">tiga</td>
</table>
</body>
<html>
<hr>
<html>
<body>
<h1>Latihan Tabel 9</h1>
<table border="1">
<tr>
<td align="center">satu</td>
<td rowspan="2" align="right">tiga</td>
<td rowspan="2" align="right">empat</td>
<td rowspan="2" align="right">lima</td>
</tr>
<tr>
<td align="center">dua</td>
</table>
</body>
<html>
<hr>
<html>
<body>
<h1>Latihan Tabel 10</h1>
<table border="1">
<tr>
<td align="center">satu</td>
<td align="center">dua</td>
<td align="center">tiga</td>
<td rowspan="2" align="left">lima</tr>
</tr>
<tr>
<td colspan="3" align="center">empat</td>
</table>
</body>
<html>
dan ini pic hasilnya ==>
ada yang pake colspan ada juga yang pake rowspan dan ada juga yang pake 22nya
ini cuma sekedar contoh aja sih buat bikin tabel yang lebih kompleks kayak post mimin yang sebelumnya..
jangan lama2 deh ah.. nih scriptnya
<html>
<head>
<title>latihan </title>
</head>
<body>
<h1>Latihan Tabel 1</h1>
<table border="1">
<tr>
<td align="center">satu</td>
<td align="center">dua</td>
</tr>
<td align="center">tiga</td>
<td align="center">empat</td>
</table>
</body>
<html>
<hr>
<html>
<body>
<h1>Latihan Tabel 2</h1>
<table border="1">
<tr>
<td colspan="2" align="center">satu</td>
</tr>
<tr>
<td align="center">dua</td>
<td align="center">tiga</td>
</table>
</body>
<html>
<hr>
<html>
<body>
<h1>Latihan Tabel 3</h1>
<table border="1">
<tr>
<td rowspan="2" align="left">satu</td>
<td align="center">dua</td>
</tr>
<tr>
<td align="center">tiga</td>
</table>
</body>
<html>
<hr>
<html>
<body>
<h1>Latihan Tabel 4</h1>
<table border="1">
<tr>
<td align="center">satu</td>
<td rowspan="3" align="right">tiga</td>
</tr>
<tr>
<td align="center">dua</td>
</table>
</body>
<html>
<hr>
<html>
<body>
<h1>Latihan Tabel 5</h1>
<table border="1">
<tr>
<td align="center">satu</td>
<td rowspan="2" align="center">tiga</td>
<td align="center">empat</td>
</tr>
<tr>
<td align="center">dua</td>
<td align="center">lima</td>
</table>
</body>
<html>
<hr>
<html>
<body>
<h1>Latihan Tabel 6</h1>
<table border="1">
<tr>
<td colspan="3" align="center">dua</td>
</tr>
<tr>
<td align="center">satu</td>
<td align="center">tiga</td>
<td align="center">empat</td>
</table>
</body>
<html>
<hr>
<html>
<body>
<h1>Latihan Tabel 7</h1>
<table border="1">
<tr>
<td colspan="2" align="center">empat</td>
<td rowspan="2" align="left">tiga</td>
</tr>
<tr>
<td align="center">satu</td>
<td align="center">dua</td>
</table>
</body>
<html>
<hr>
<html>
<body>
<h1>Latihan Tabel 8</h1>
<table border="1">
<tr>
<td align="center">satu</td>
<td align="center">dua</td>
<td align="center">tiga</td>
</table>
</body>
<html>
<hr>
<html>
<body>
<h1>Latihan Tabel 9</h1>
<table border="1">
<tr>
<td align="center">satu</td>
<td rowspan="2" align="right">tiga</td>
<td rowspan="2" align="right">empat</td>
<td rowspan="2" align="right">lima</td>
</tr>
<tr>
<td align="center">dua</td>
</table>
</body>
<html>
<hr>
<html>
<body>
<h1>Latihan Tabel 10</h1>
<table border="1">
<tr>
<td align="center">satu</td>
<td align="center">dua</td>
<td align="center">tiga</td>
<td rowspan="2" align="left">lima</tr>
</tr>
<tr>
<td colspan="3" align="center">empat</td>
</table>
</body>
<html>
dan ini pic hasilnya ==>
0 komentar:
Posting Komentar