Лабораторная работа № 3
«Создание Web документа с помощью редакторов гипертекста. Приемы создания списков. Создание таблиц»
Цель работы: Получение практических навыков работы в изучение языка гипертекстовой разметки, подготовка материалов к их публикации в Интернет.
Теоретические сведения.
Таблицы удобны для представления больших объемов данных, а многие Web-дизайнеры используют их также для точного размещения элементов Web-страниц Таблица в языке HTML задается при помощи парного тега <ТАВLЕ>. Она может содержать заголовок таблицы, определяемый парным тегом <CAPTION>, и строки таблицы, задаваемые при помощи парных тегов <TR>. Закрывающие теги <ДП> можно опускать.Каждая строка таблицы содержит ячейки таблицы, которые могут относиться к двум разным типам. Ячейки в заголовках столбцов и строк задают парным тегом <ТН>, а обычные ячейки — парным тегом <TD>. Закрывающие теги </ТН> и <TD> можно опускать.
Таблица 1. Атрибуты элементов, используемых при создании таблицы
Атрибут
|
Элемент |
Назначение |
ALIGN= |
Таблица, заголовок, строка, ячейка |
Выравнивание таблицы по горизонтали; выравнивание данных по горизонтали; размещение заголовка над или под таблицей |
VALIGN= |
Строка, ячейка |
Выравнивание по вертикали |
WIDTH= |
Таблица, ячейка |
Ширина |
HEIGHT= |
Ячейка |
Высота |
COLSPAN= |
Ячейка |
Протяженность в несколько столбцов |
ROWSPAN= |
Ячейка |
Протяженность в несколько строк |
BGCOLOR= |
Таблица, ячейка |
Цвет фона |
CELLSPACING= |
Таблица |
Зазор между ячейками |
CELLPADDING= |
Таблица |
Зазор между содержимым ячейки и ее границей |
BORDER= |
Таблица |
Отображение границ ячеек и внешней рамки таблицы |
Язык HTML позволяет в рамках одной Web-страницы отобразить несколько документов. Для этого страница должна быть разбита на несколько областей — фреймов. Разбиение страницы описывается документом HTML особого рода, структура которого отличается от обычной. Тело документа заменяется описанием фреймов, задаваемым парным тегом <FRAMESET>. Элемент BODY в таком документе должен отсутствовать, а при наличии — игнорируется броузером.
Ход работы.
Упражнение 1. Приемы создания списков
Если это упражнение выполняется не сразу после предыдущего, откройте документ first.htm в программе Блокнот.
Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>, а его конкретное содержание может быть любым.
Вставьте в документ тег <OLTYPE="I">, который начинает упорядоченный (нумерованный) список.
Вставьте в документ элементы списка, предваряя каждый из них тегом <LI>.
Завершите список при помощи тега </0L_>.
Сохраните полученный документ под именем list.htm.
Запустите обозреватель Internet Explorer (Пуск > Программы > Internet Explorer).
Дайте команду Файл > Открыть. Щелкните на кнопке Обзор и откройте файл list.htm.
Изучите, как упорядоченный список отображается в программе Internet Explorer, обращая особое внимание на способ нумерации, заданный при помощи атрибута TYPE=.
10. Вернитесь в программу Блокнот и установите текстовый курсор после окончания введенного списка.
Вставьте в документ тег <ULTYPE="SQUARE">, который начинает неупорядоченный (маркированный) список.
Вставьте в документ элементы списка, предваряя каждый из них тегом <LI>.
Завершите список при помощи тега </UL>. Сохраните документ под тем же именем.
Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы, обратив внимание на способ маркировки, заданный при помощи атрибута TYPE=.
Вернитесь в программу Блокнот и установите текстовый курсор после окончания введенного списка.
Вставьте в документ тег <DL>, который начинает список определений.
Вставьте в список определяемые слова, предваряя соответствующие абзацы тегом <DT>.
Вставьте в список соответствующие определения, предваряя их тегом <DD>.
Завершите список при помощи тега </DL>. Сохраните документ под тем же именем.
Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как выглядит при отображении Web-страницы список определений.