Упражнение 2. Создание таблиц

1. Если это упражнение выполняется не сразу после предыдущего, откройте доку­мент first.htm в программе Блокнот.

2. Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>. В данном упражнении используется список номеров телефонов.

3. Введите тег <TABLE BORDER="10" WIDTH="100%">.

4. Введите строку:

<CAPTION АLIGN="ТОР">Список телефонов</САРТION>.

5. Первая строка таблицы должна содержать заголовки столбцов. Определите ее следующим образом:

<TR BGCOLOR="YELLOW" ALIGN="CENTER"> <ТН>Фамилия<ТН>Номер телефона

6. Определите последующие строки таблицы, предваряя каждую из их тегом <TR> и помещая содержимое каждой ячейки после тега <TD>.

7. Последнюю строку таблицы задайте следующим образом:

<TR><TD ALIGN="CENTER" COLSPAN="2">Ha первом этаже здания имеется бесплатный телефон-автомат.

8. Завершите таблицу тегом </TABLE>.

9. Сохраните документ под именем table.htm.

Запустите обозреватель Internet Explorer (Пуск > Программы > Internet Explorer).

10. Дайте команду Файл > Открыть. Щелкните на кнопке Обзор и откройте

файл table. htm.

10. Изучите, как созданная таблица отображается в программе Internet Explorer, обра­щая особое внимание на влияние заданных атрибутов.

11. Измените ширину окна обозревателя и установите, как при этом изменяется внешний вид таблицы.

Упражнение 3. Создание описания фреймов.

1. Запустите текстовый редактор Блокнот (Пуск > Программы > Стандартные > Блокнот).

2. Введите следующий документ:

<HTML> <HEAD>

<ТITLE>Описание фреймов</ТITLE> </HEAD>

<FRAMESET ROWS="60%,*">

<FRAME SRC="table.htm">

<FRAMESET COLS="35%,65%" NORESIZE>

<FRAME SRC="first.htm">

<FRAME SRC="links.htm">

</FRAMESET>

</HTML>

3. Сохраните этот документ под именем frames.htm.

4. Запустите обозреватель Internet Explorer (Пуск > Программы > Internet Explorer).

5. Дайте команду Файл > Открыть. Щелкните на кнопке Обзор и откройте файл frames.htm.

6. Изучите представление нескольких созданных ранее документов, в отдельных фреймах.

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

8. Проверьте, можно ли изменить положение границ фреймов методом перетас­кивания при помощи мыши.

9. Щелкните на ссылке, имеющейся в одном из фреймов, и посмотрите, как будет отображен новый документ.

8. Щелкните на кнопке Назад на панели инструментов и убедитесь, что возврат к предыдущему документу на нарушает структуру фреймов.

11. Вернитесь в программу Блокнот и измените структуру и параметры фреймов по своему усмотрению. Сохраните документ под тем же именем.

8. Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Убедитесь, что измененный вид Web-страницы соответствует замыслу. Если это не так, вернитесь в программу Блокнот, найдите и исправьте ошибки.

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

1. Какие средства языка используются при создании списков.

2. Опишите приемы создания таблиц средствами языка HTML для пред­ставления данных.

3. Какие атрибуты тегов языка HTML изменяют вид таблиц

Содержание отчета.

1. Название и цель работы.

2. Краткие сведения по теории и порядку выполнения работы.

3. Выводы по работе.