HTML tabel bersarang & contoh codingnya
* tabel bersarang
tabel bersarang adalah istilah tabel di dalam tabel.teknik tabel bersarang adalah salah satu untuk menghasilkan layout tabel yang kompleks tanpa membuat tabel yang sangat kompleks,maka cara sederhananya adalah membuat tabel di dalam tabel sebuah sel (<td></td>)
* contoh codingnya
<html>
<head>
<title>Tabel Bersarang</title>
</head>
<body>
<h1 align='center'>Tabel Bersarang</h1>
<table bgcolor='green' width='800' align='center'>
<tr>
<td width='900' height='50' valign='top'>table>tr>td
<table bgcolor='orange' width='100%'>
<tr>
<td height='25' table>tr>td</td>
</tr>
</tr>
</table>
</td>
<tr>
<td>
<table bgcolor='orange' width='100%'>
<tr>
<td height='50' >table>tr>td</td>
</tr>
</tr>
</table>
</td>
<tr>
<td>
<table bgcolor='orange' width='100%'>
<tr>
<td height='75' valign='top'>table>tr>td</td>
</tr>
</tr>
</table>
</td>
<tr>
<td>
<table bgcolor='orange' width='100%'>
</tr>
<td valign='top'>table>tr>td</td>
</tr>
<td bgcolor='aqua' valign='top' align='center' width='25%'>td</td>
<td> </td>
<td bgcolor='aqua' width='50%' height='100' align='center'>td
<table bgcolor='red' width='100%'>
<tr>
<td width='100%' valign='top'>table>tr>td
<table bgcolor='red' width='100%'>
</td>
</tr>
<td>
<table width='100%'>
<tr>
<td bgcolor='gold' height='30' valign='top'>td</td>
</tr>
</tr>
</table>
</td>
<tr>
<td>
<table width='100%'>
<tr>
<td bgcolor='gold' height='20' valign='top'>td</td>
</tr>
</tr>
\</table>
</td>
<tr>
<td>
<table width='100%'>
<tr>
<td bgcolor='gold' height='30' valign='top'>td</td>
</tr>
</tr>
</table>
</td>
<tr>
<td>
<table width='100%'>
<tr>
<td bgcolor='gold' height='20' valign='top'>td</td>
</tr>
</tr>
</table>
</td>
<tr>
<td>
<table width='100%'>
<tr>
<td bgcolor='gold' height='30' valign='top'>td</td>
</tr>
</tr>
</table>
</td>
<tr>
<td>
<table width='100%'>
<tr>
<td bgcolor='gold' height='20' valign='top'>td</td>
</tr>
</tr>
</table>
</td>
<tr>
<td>
<table width='100%'>
<tr>
<td bgcolor='gold' height='50' valign='top'>td</td>
</tr>
</tr>
</table>
</td>
</table>
</table>
<td> </td>
<th bgcolor='aqua' valign='top' align='center' width='25%' height='100'>td</th>
</table>
</td>
<tr>
<td>
<table bgcolor='orange' width='100%'>
<tr>
<td height='20' valign='top'>table>tr>td</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
*gambar hasil coding
Tidak ada komentar:
Posting Komentar