Ici, je vais suivre avec un exemple parce que les mots sont difficiles à expliquer. Voici un tableau 3 x 3 comme unflux décrites:
<table border="1" width="200" height="200"> <tr> <td bgcolor = " #882222 "> cellule 1 </ td> <td bgcolor =" #228822 "> cellule 2 </ td> <td bgcolor =" #882222 "> cellule 3 </ td> </ tr> <tr> <td bgcolor =" #228822 "> cellule 4 </ td> <td bgcolor =" #882222 "> cellule 5 </ td> <td bgcolor ="
<table border="1" width="200" height="200">
<tr>
<td bgcolor="#882222">cell 1</td>
<td bgcolor="#228822">cell 2</td>
<td bgcolor="#882222">cell 3</td>
</tr>
<tr>
<td bgcolor="#228822">cell 4</td>
<td bgcolor="#882222">cell 5</td>
<td bgcolor="#228822">cell 6</td>
</tr>
<tr>
<td bgcolor="#882222">cell 7</td>
<td bgcolor="#228822">cell 8</td>
<td bgcolor="#882222">cell 9</td>
</tr>
</table>
- <table border="1" width="200" height="200">
- <tr>
- <td bgcolor="#882222">cell 1</td>
- <td bgcolor="#228822">cell 2</td>
- <td bgcolor="#882222">cell 3</td>
- </tr>
- <tr>
- <td bgcolor="#228822">cell 4</td>
- <td bgcolor="#882222">cell 5</td>
- <td bgcolor="#228822">cell 6</td>
- </tr>
- <tr>
- <td bgcolor="#882222">cell 7</td>
- <td bgcolor="#228822">cell 8</td>
- <td bgcolor="#882222">cell 9</td>
- </tr>
- </table>
Maintenant, voici un tableau où la cellule 2 a un colspan de 2 et de la cellule 7 a un colspan de 2.
<table border="1" width="200" height="200"> <tr> <td bgcolor = " #882222 "> cellule 1 </ td> <td bgcolor =" #228822 "colspan =" 2 "> cellule 2 </ td> </ tr> <tr> <td bgcolor =" #228822 "> cellule 4 </ td>
<td bgcolor = " #882222 "> cellule 5 </ td> <td bgcolor =" #228822 "> cellule 6 </ td>
</ tr> <tr> <td bgcolor = " #882222 "colspan =" 2 "> cellule 7 </ td> <td bgcolor =" #882222 " > Pile 9 </ td> </ tr> </ table>
<table border="1" width="200" height="200">
<tr>
<td bgcolor="#882222">cell 1</td>
<td bgcolor="#228822" colspan="2">cell 2</td>
</tr>
<tr>
<td bgcolor="#228822">cell 4</td>
<td bgcolor="#882222">cell 5</td>
<td bgcolor="#228822">cell 6</td>
</tr>
<tr>
<td bgcolor="#882222" colspan="2">cell 7</td>
<td bgcolor="#882222">cell 9</td>
</tr>
</table>
- <table border="1" width="200" height="200">
- <tr>
- <td bgcolor="#882222">cell 1</td>
- <td bgcolor="#228822" colspan="2">cell 2</td>
- </tr>
- <tr>
- <td bgcolor="#228822">cell 4</td>
- <td bgcolor="#882222">cell 5</td>
- <td bgcolor="#228822">cell 6</td>
- </tr>
- <tr>
- <td bgcolor="#882222" colspan="2">cell 7</td>
- <td bgcolor="#882222">cell 9</td>
- </tr>
- </table>
Comme vous pouvez voir ce qui se passe est la cellule prend maintenant en place deux cellules de dollars de l'espace. Vous pouvez faire la même chose avec rowspan qui occupe plusieurs lignes de l'espace. Dans cette cellule, par exemple 1 a une rowspan de 2 et de la cellule 6 a un rowspan de 2:
<table border="1" width="200" height="200"> <tr> <td bgcolor = " #882222 "rowspan =" 2 "> cellule 1 </ td> <td bgcolor =" #228822 "> cellule 2 </ td> <td bgcolor =" #882222 "> cellule 3 </ td> </ tr>
<tr> <td bgcolor = " #882222 "> cellule 5 </ td> <td bgcolor =" #228822 "rowspan =" 2 "> cellule 6 </ td> </ tr> <tr> <td bgcolor ="
<table border="1" width="200" height="200">
<tr>
<td bgcolor="#882222" rowspan="2">cell 1</td>
<td bgcolor="#228822">cell 2</td>
<td bgcolor="#882222">cell 3</td>
</tr>
<tr>
<td bgcolor="#882222">cell 5</td>
<td bgcolor="#228822" rowspan="2">cell 6</td>
</tr>
<tr>
<td bgcolor="#882222">cell 7</td>
<td bgcolor="#228822">cell 8</td>
</tr>
</table>
- <table border="1" width="200" height="200">
- <tr>
- <td bgcolor="#882222" rowspan="2">cell 1</td>
- <td bgcolor="#228822">cell 2</td>
- <td bgcolor="#882222">cell 3</td>
- </tr>
- <tr>
- <td bgcolor="#882222">cell 5</td>
- <td bgcolor="#228822" rowspan="2">cell 6</td>
- </tr>
- <tr>
- <td bgcolor="#882222">cell 7</td>
- <td bgcolor="#228822">cell 8</td>
- </tr>
- </table>
Ozzu Hosting - Want your website on a fast server like Ozzu?