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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4. Как задать внутренние поля таблицы (внутренние отступы от текста)? 5. Как задать рисунок в качестве фона таблицы?

Практическая работа №7 «Фреймы»

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