Часть II. Работа с таблицами, создание гиперссылок

1. Создать таблицу по приведенному образцу (рис. 7.1), сохранить документ под именем tabl_name.html. Сверху над таблицей разместить заголовок Таблица №1

Рис. 7.1

При отображении таблицы в браузере должны удовлетворяться следующие условия: таблица должна располагаться по середине экрана и быть симметричной, правильной формы; в центральной ячейке поместить символ - *, остальные ячейки должны быть пустыми.

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

2. В этом же документе создать копию таблицы №1, ввести заголовок Таблица №2 и модифицировать ее.

   1. В центральной ячейке разместить рисунок – ваш автопортрет.

   2. "Раскрасить" все остальные ячейки в различные цвета.

   3. Создать еще одну копию таблицы – Таблица №3 и отредактировать теги таблицы так, чтобы она соответствовала приведенному образцу (рис. 7.2).

   4. В верхнюю строку поместить заголовок Автопортрет студента Иванова ВВ

Рис. 7.2

.Примечания. Для объединения ячеек в тегах <TD> необходимо использовать параметры colspan= и rowspan= Для отображения пустых ячеек в них нужно поместить символьный приметив пробела &nbsp.

Предъявить результат преподавателю.

3. Создать документ, структурированный с помощью таблицы.

   1. Создать новый HTML-документ, сохранить его в той же папке, что и предыдущие три файла, задать ему имя index.html.

   2. Разместить в документе следующие элементы.

      1. В начале документа поместить заголовок:

Отчет по лабораторной работе – Создание HTML-документов

2. Создать таблицу, состоящую из двух ячеек (без обрамления). В правой ячейке поместить рисунок – Ваш автопортрет, в левой свои данные (фамилию, имя, учебную группу). Выполнить шрифтовое оформление текста.

1. Создать меню средствами таблицы.

   1. Далее в документе index.html поместить текст: Мною созданы три документа!

   2. Ниже разместить таблицу, состоящую из трех ячеек по приведенному образцу.

1-й документ

2-й документ

3-й документ

3. Оформить таблицу. Таблица должна иметь рамку, "раскрасить" ячейки в светлые тона, выровнять таблицу по центру экрана.

4. Связать созданные документы с помощью гиперссылок.

   1. За текстом в каждой ячейке закрепить гиперссылку на соответствующий документ.

   2. В конце каждого документа поместить рисунок и закрепить за ним гиперссылку для возврата к файлу index.html.

5. Создать гиперссылку на адрес электронной почты. В конце документа ввести фразу: Пишите мне. Закрепить за ней гиперссылку на свой адрес e-mail.

1. Сохранить все документы. Проверить переходы по гиперссылкам.

2. Оформить основной заголовок с помощью Бегущей строки.

3. Продемонстрировать созданные документы преподавателю.