Rowspan & Colspan
Buatlah sebuah dokumen HTML untuk tulisan berikut ini, buka notepad++
Simpan dengan nama Tabel5.html
<html>
<head>
</head>
<body><table border="1" cellpadding="0" cellspacing="0" width="100%">
<caption><b>Daftar Nilai Pemrograman Web 1</b></caption>
<tr bgcolor="#00FFFF">
<th width="40%" rowspan="2" valign="middle">Nama</th>
<th width="60%" colspan="2" >Nilai</th>
</tr>
<tr>
<th width="30%" bgcolor="#00FF00">Tugas</th>
<th width="30%"bgcolor="#00FF00">Praktik</th>
</tr>
<tr>
<td>Yusuf Kustanto</td>
<td align="center">80</td>
<td align="center">85</td>
</tr>
<tr>
<td >Aswar Putra </td>
<td align="center">90</td>
<td align="center">93</td>
</tr>
<tr>
<td >Nurul Lestari</td>
<td align="center">100</td>
<td align="center">98</td>
</tr>
</table>
<p> Copy &copy Nama Anda 2017</p>
</body>
</html>
<html>
<head>
</head>
<body><table border="1" cellpadding="0" cellspacing="0" width="100%">
<caption><b>Daftar Nilai Pemrograman Web 1</b></caption>
<tr bgcolor="#00FFFF">
<th width="40%" rowspan="2" valign="middle">Nama</th>
<th width="60%" colspan="2" >Nilai</th>
</tr>
<tr>
<th width="30%" bgcolor="#00FF00">Tugas</th>
<th width="30%"bgcolor="#00FF00">Praktik</th>
</tr>
<tr>
<td>Yusuf Kustanto</td>
<td align="center">80</td>
<td align="center">85</td>
</tr>
<tr>
<td >Aswar Putra </td>
<td align="center">90</td>
<td align="center">93</td>
</tr>
<tr>
<td >Nurul Lestari</td>
<td align="center">100</td>
<td align="center">98</td>
</tr>
</table>
<p> Copy &copy Nama Anda 2017</p>
</body>
</html>
Buka dokumen yang anda buat tadi
Lihatlah hasilnya :
Download Filenya dilink dibawah ini
Baca artikel selanjutnya PRAKTIK 23 FONT HTML
No comments:
Post a Comment