11 клас (04.05 - 08.05)

Таблицы в HTML

Синтаксис

<table>
  <tr>
    <td>...</td>
  </tr>
</table>
Атрибуты тега <table>:


align
Определяет выравнивание таблицы.
background
Задает фоновый рисунок в таблице.
bgcolor
Цвет фона таблицы.
border
Толщина рамки в пикселях.
bordercolor
Цвет рамки.
cellpadding
Отступ от рамки до содержимого ячейки.
cellspacing
Расстояние между ячейками.
cols
Число колонок в таблице.
frame
Сообщает браузеру, как отображать границы вокруг таблицы.
height
Высота таблицы.
rules
Сообщает браузеру, где отображать границы между ячейками.
summary
Краткое описание таблицы.
width
Ширина таблицы.

Атрибуты тега <td>:
colspan      Объединяет горизонтальные ячейки.rowspan   Объединяет вертикальные ячейки.

Более подробно о таблицах -  http://htmlbook.ru/samhtml/tablitsy

Пример 1, таблица будет выглядеть так:

Код этой таблицы:

Эти теги можно использовать при создании таблиц на сайтах и блогах. С помощью кнопок панели инструментов её не создать, только с возможностью HTML-кода.

Пример 2, таблица будет выглядеть так:

Код этой таблицы:

Задание:

Напишите HTML-код для создания данной таблицы.