2. Объединение ячеек в таблице

Атрибуты тега ячейки td позволяют объединять ячейки по горизонтали (colspan) и вертикали (rowspan):

Обратите внимание: из элемента tr, описывающего вторую строку таблицы, удален элемент, создававший ячейку «2-1», т.к. его место теперь занято первой ячейкой из первой строки. Та же ситуация наблюдалась бы, если бы ячейка «1-2» стала занимать место двух ячеек (ячейку «1-3» удалили бы).

< table>

<tr>

<td rowspan="2">1-1 +<br> 2-1</td> <td> 1 -2</td>

<td> 1 -3</td>

</tr>

<tr>

<td>2-2</td>

<td>2-3</td>

</tr>

</table>

С использованием атрибутов colspan и rowspan создайте на вашей странице сложную таблицу. Например:

Расписание занятий

Запишите код, созданной таблицы в отчет.

3. Табличная верстка страницы

Таблицы используются не только для представления табличных данных, но и для верстки макета страницы, когда текст необходимо разместить в несколько колонок.

С использованием таблиц можно сверстать, например следующую страницу:

1
Табличная верстка 1 Табличная верстка 2 Табличная верстка 3	2	3
Табличная верстка 4 Табличная верстка 5 Табличная верстка 6		4
5

4. У становка внутренних полей в таблице

При использовании таблиц возникает необходимость установки промежутков между ячейками или внутренних полей.

Внутренние поля - В полиграфии

пустой промежуток между колонками называется внутренним полем (gutter). Для создания внутренних полей можно использовать таблицы:

• ввести ячейку, которая служит внутренним полем (как содержание ячейки можно указать несколько неразрывных пробелов),

• воспользоваться атрибутом CELLPADDING (промежуток между содержанием и рамкой ячейки) или атрибутом CELLSPACING (промежуток между ячейками), как показано на приведенных примерах:

Задайте при верстке своей страницы внутренние поля различными способами.

Оформите отчет по проделанной работе, который должен содержать:

1. Запишите в отчет все теги, которые применяются при создании таблиц и их атрибуты.

2. Зарисуйте схематично макет своей страницы и запишите в отчет, каким методом осуществлялась верстка макета (вложенные таблицы, объединение ячеек)

3. Пометьте на вашем макете все отступы в ячейках и запишите в отчет, каким образом они были сделаны.

Контрольные вопросы:

1. Что такое статическая компоновка страницы и в чем её достоинства/недостатки. Как она осуществляется?

2. Как объединить две ячейки в таблице по горизонтали?

3. Какими атрибутами можно определить, какие границы таблицы отображаются, а какие нет?

4. Как задать толщину и цвет границ таблицы?