- •7. Использование таблиц для разметки Web-страниц
- •Практические рекомендации Создание таблицы
- •Выравнивание таблицы по горизонтали
- •Установка режима обтекания таблицы
- •Установка расстояния между ячейками
- •Вставка строки
- •Удаление строки
- •Вставка столбца
- •Удаление столбца
- •Объединение ячеек одной строки
- •Объединение выделенных ячеек
- •Установка невидимых границ таблицы
- •Изменение ширины таблицы
- •Установка ширины колонки
- •Выравнивание данных в ячейке по горизонтали и вертикали
- •Вставка графического изображения в ячейку таблицы
- •Установка отступа красной (первой) строки абзаца
- •Создание бегущей строки
- •Создание активной кнопки
- •Создание гиперссылки на адрес электронной почты
- •Вставка символа
- •Сохранение страницы в качестве шаблона
- •Создание новой страницы из шаблона
- •Вставка содержимого текстового файла методом «Drag and Drop»
- •Установка цвета границ таблицы
- •Разделение ячейки таблицы
- •Установка цвета фона ячеек таблицы
- •Установка цвета гиперссылок
- •Создание меток
- •Создание динамических html-эффектов
- •Создание гиперссылок с использованием меток
Практические рекомендации Создание таблицы
Создайте новый сайт, в меню File выбрав New, а затем Web.
В открывшемся окне New выберите One Page Web (одностраничный сайт).
Примечание
Отметьте в рабочей тетради, в какой папке вы его начали создавать. Обратите внимание на то, что в данном случае в мастере создания сайта кроме двух папок по умолчанию автоматически создается файл index.htm.
Щелкните ОК.
Откройте первую страницу сайта, дважды щелкнув имя index.htm в списке папок Folder List.
Установите параметры кодировки страниц сайта (кириллица) с помощью вкладки Language команды Page Properties аналогично тому, как вы это делали ранее.
Вставьте таблицу из 2 столбцов и 3 строк. Для этого н а панели инструментов щелкните кнопку Insert Table , в открывшемся списке выделите необходимое количество ячеек и щелкните левой кнопкой мыши.
Выравнивание таблицы по горизонтали
Установите выравнивание таблицы по горизонтали.
Установите курсор внутри таблицы.
Щелкните правой кнопкой мыши и в контекстном меню выберите Table Properties.
В открывшемся окне Table Properties в списке Alignment выберите Left (по левому краю). Таблица будет выровнена по левому краю относительно границ экрана.
Щелкните OK.
-
Примечание
Вы можете установить следующие варианты выравнивания таблицы:
Default — расположение таблицы отдается на усмотрение браузера, как правило, у левого края экрана;
Left — по левому краю;
Right — по правому краю;
Center — по центру.
Установка режима обтекания таблицы
Убедитесь, что не используется режим обтекания таблицы.
Установите курсор внутри таблицы.
Щелкните правой кнопкой мыши и в контекстном меню выберите Table Properties.
В открывшемся окне Table Properties в списке Float убедитесь, что установлен режим Default.
Щелкните OK.
-
Примечание
Вы можете установить следующие варианты обтекания таблицы:
Default — расположение таблицы отдается на усмотрение браузера, как правило, обтекание не производится;
Left — таблица у левого края страницы, возможно ее обтекание справа;
Right — таблица у правого края страницы, возможно ее обтекание слева.
Установка расстояния между ячейками
Установите курсор в любой ячейке таблицы.
Щелкните правой кнопкой мыши и в контекстном меню выберите Table Properties.
В открывшемся окне Table Properties в разделе Layout в полях Cell padding (расстояние между рамкой и содержимым ячеек) и Cell spacing (расстояние между ячейками таблицы) установите значение 1.
Щелкните OK.