чилка HTML
 
тэги Таблицы



Тэги Таблицы

Таблицы используются как основное средство размещения (форматирования) текста на 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
<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.14-111-222
(rowspan=2)
4.3
4.24.4
5.15.115-111-333
(rowspan=3)
5.25.22
5.35.33
6.16.116-111-333
(rowspan=3)
6.26.22
(rowspan=2)
6.3
Низ
(colspan=3)

 

<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>



 

 

Copyright © Москва
Училка HTML: сайт  u4ilka.kcbux.ru