Таблицы используются как основное средство размещения (форматирования) текста на Web-странице.
Тэги Таблицы |
| <table> | - начало контейнера таблицы |
| <tr> | - начало контейнера 1 строки |
| <th>заголовок столбца</th> | - заголовок для столбца в таблице |
| <td> | - начало контейнера 1 ячейки 1 строки |
| . . данные . . | - содержимое этой ячейки |
| </td> | - коней контейнера 1 ячейки 1 строки |
| <td> | - начало контейнера 2 ячейки 1 строки |
| . . данные . . | - содержимое этой ячейки |
| </td> | - коней контейнера 2 ячейки 1 строки |
| </tr> | - конец контейнера 1 строки |
| </table> | - конец контейнера 1 строки |
Пример 1
| Таблица на Web-странице: | Пишем в документе на HTML: |
Заголовок
столбца 1 | Заголовок
столбца 2 |
Ячейка
столбца 1, стр. 1 | Ячейка
столбца 2, стр. 1 |
Ячейка
столбца 1, стр. 2 | Ячейка
столбца 2, стр. 2 |
|
<![CDATA[
<table border=1>
<tr>
<th>Заголовок столбца 1</th>
<th>Заголовок столбца 2</th>
</tr>
<tr>
<td>Ячейка столбца 1, стр. 1</td>
<td>Ячейка столбца 2, стр. 1</td>
</tr>
<tr>
<td>Ячейка столбца 1, стр. 2</td>
<td>Ячейка столбца 2, стр. 2</td>
</tr>
</table>
]]>
|
Пример 2
№ п/п
(rowspan=2) | Пример Таблицы
(colspan=2) |
| Шапка 1 | Шапка 2 |
| 1 | а1 | а2 |
2
(rowspan=2) | б1 | б2 |
| б3 | б4 |
3
(rowspan=3) | с1 | с2 |
| с3 | с4 |
| с5 | с6 |
| 4.1 | 4-111-222
(rowspan=2) | 4.3 |
| 4.2 | 4.4 |
| 5.1 | 5.11 | 5-111-333
(rowspan=3) |
| 5.2 | 5.22 |
| 5.3 | 5.33 |
| 6.1 | 6.11 | 6-111-333
(rowspan=3) |
| 6.2 | 6.22
(rowspan=2) |
| 6.3 |
Низ
(colspan=3) |
<![CDATA[
<table border="1" cellspacing="0" cellpadding="10" width=50%>
<tr align=center><td rowspan=2>№ п/п</td>
<td colspan=2><b>Пример Таблицы</b></td></tr>
<tr align=center><td>Шапка 1</td><td>Шапка 2</td></tr>
<tr><td>1</td><td>а1</td><td>а2</td></tr>
<tr><td rowspan=2>2</td><td>б1</td><td>б2</td></tr>
<tr><td>б3</td><td>б4</td></tr>
<tr><td rowspan=3>3</td><td>с1</td><td>с2</td></tr>
<tr><td>с3</td><td>с4</td></tr>
<tr><td>с5</td><td>с6</td></tr>
<tr><td>4.1</td><td rowspan=2>4-111-222</td><td>4.3</td></tr>
<tr><td>4.2</td><td>4.4</td></tr>
<tr><td>5.1</td><td>5.11</td><td rowspan=3>5-111-333</td></tr>
<tr><td>5.2</td><td>5.22</td></tr>
<tr><td>5.3</td><td>5.33</td></tr>
<tr><td>6.1</td><td>6.11</td><td rowspan=3>6-111-333</td></tr>
<tr><td>6.2</td><td rowspan=2>6.22</td></tr>
<tr><td>6.3</td></tr>
<tr align=center><td colspan=3>Низ</td></tr>
</table>
]]>
