Главная HTML Теги таблицы

Теги таблицы

Для создания таблиц в HTML используется парный тег <table> </table>

Число строк, ячеек и заголовок таблицы задают с помощью тегов <tr>, <td> и <th>.

Теги таблицы Значение
<table> - начало контейнера таблицы
<tr> - начало контейнера 1 строки
<th> - заголовок для столбца в таблице (необязателен)
<td> - начало контейнера 1 ячейки 1 строки
. . . данные . . . - содержимое ячейки
</td> конец контейнера 1 ячейки 1 строки
<td> - начало контейнера 2 ячейки 1 строки
. . . данные . . . - содержимое ячейки
</td> - конец контейнера 2 ячейки 1 строки
</tr> - конец контейнера 1 строки
</table> - конец контейнера таблицы

Таблицы 1

Код html

<table border=1 cellspacing="0" cellpadding="10">
   <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>

Заголовок столбца 1 Заголовок столбца 2
Ячейка столбца 1, стр. 1 Ячейка столбца 2, стр. 1
Ячейка столбца 1, стр. 2 Ячейка столбца 2, стр. 2

 

Таблицы 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-11-22
(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)		 

Код html
               
<table border="1" cellspacing="0" cellpadding="10" width=50%>

  <tr align=center><td rowspan=2>№ п/п</td>
      <td colspan=2><b>Пример Таблицы</b>
  <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-11-22</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>