Cara Membuat Table dengan HTML
Simpan dengan nama Table.html
<html>
<head>
<title> Pertemuan 3 </title>
</head>
<body>
<h1> Pertemuan 3
<br> TABEL </h1>
<p> Tabel 1 = Align & Valign </p>
<table border="1" height="200px" width="500px">
<tr>
<td align="center"> A1 </td>
<td align="right"> A2 </td>
</tr>
<tr>
<td valign="top"> B1 </td>
<td valign="bottom"> B2 </td>
</tr>
</table>
<p> Tabel 2 = Colspan & Rowspan </p>
<table border="1" height="200px" width="500px">
<tr>
<td align="center" bgcolor="blue"> Biru </td>
<td align="center" bgcolor="red"> Merah </td>
</tr>
<tr>
<td colspan="2" align="center" bgcolor="yellow"> Kuning </td>
</tr>
<tr>
<td align="center" bgcolor="green"> Hijau </td>
<td rowspan="2" align="center" bgcolor="hotpink"> Pink </td>
</tr>
<td align="center" bgcolor="black"><font color="white"> Hitam </font></td>
<tr>
</tr>
</table>
</body>
</html>
0 komentar:
Posting Komentar