Teorija

Viena otrā ievietotas tabulas
Lai labāk un precīzāk varētu organizēt teksta un attēlu sadalījumu, tabulas ievieto vienu otrā. Piemērā attēlota tabula ar divām šūnām, kur pirmajā šūnā ievietojam tabulu 4x2 un otrā šūnā 1x3. Jaunās tabulas ievieto starp tagiem <td> un </td>.
 
Piemērs:
Kods:
 
<html>
<head>
<title>Piemērs</title>
</head>
<body>
<table cellspacing="5" cellpadding="2" border="1" bordercolor="#0000FF">
<tr>
   <td><table cellspacing="2" cellpadding="2" bordercolor="#FF0000" border="1">
<tr>
   <td>Teksts 1</td>
   <td>Teksts 2</td>
</tr>
<tr>
   <td>Teksts 3</td>
   <td>Teksts 4</td>
</tr>
<tr>
   <td>Teksts 5</td>
   <td>Teksts 6</td>
</tr>
<tr>
   <td>Teksts 7</td>
   <td>Teksts 8</td>
</tr>
</table>
</td>
   <td><table cellspacing="2" cellpadding="2" bordercolor="#66cd00" border="1">
<tr>
   <td>Teksts 9</td>
</tr>
<tr>
   <td>Teksts 10</td>
</tr>
<tr>
   <td>Teksts 11</td>
</tr>
</table>
</td>
</tr>
</table> 
</body>
</html>
Rezultāts:
 
Tabulas šūnas ar apmali (border="1").
 
b27.png
 
Tabulas šūnas bez apmales (border="0").
 
b28.png
 
Ka redzams no tabulām, tekstu un attēlus šādā veidā var labāk izkārtot.
 
Atsauce:
Tīmekļa lapu veidošana. HTML un CSS / Andris Kamars - Rīga: Apgāds Zvaigzne ABC, 2008. – 320 lpp.: il. – izmantotā literatūra: 53.-54. lpp.