- •Лабораторная работа №8 Язык разметки гипертекстовых страниц html
- •Описание документа
- •Основная часть документа
- •Теги форматирования текста документа
- •Форматирование абзацев
- •Заголовки
- •Изображения
- •Гиперссылки
- •Часть 2. Создание гипертекстовых ссылок и домашней html-страницы.
- •Задание. Часть 1. Язык разметки гипертекстовых страниц html.
Задание. Часть 1. Язык разметки гипертекстовых страниц html.
1) Скопировать файлы PROTOLIZ.TXT и PROTOLIZ.JPG в свой рабочий каталог.
2) Переименовать файл PROTOLIZ.TXT в PROTOLIZ.HTM в своем рабочем каталоге.
3) Открыть в БЛОКНОТЕ файл PROTOLIZ.HTM из своего рабочего каталога.
4) Запустить INTERNET EXPLORER и открыть файл PROTOLIZ.HTM из своего рабочего каталога.
5) Ввести в документ в БЛОКНОТЕ теги описания HTML-документа (<HTML>, <HEAD>, <BODY>).
6) Сохранить документ и обновить его в окне INTERNET EXPLORER (F5 или меню ВИД→ОБНОВИТЬ)
7) Ввести в БЛОКНОТЕ в файл PROTOLIZ.HTM теги форматирования абзацев, заголовков, списков, регулярно сохраняя документ в БЛОКНОТЕ и обновляя его в INTERNET EXPLORER:
В тег <TITLE> ввести текст «Протолиз слабых кислот».
Для создания заголовков в документе использовать тег <H3>…</H3>.
Текст задания оформить в виде нумерованного списка.
Константы кислотности расположить в таблице с тонкой рамкой (BORDER=”1”) и небольшими отступами (CELLPADDING=”10”). Для названий столбцов таблицы использовать тег <TH>, текст остальных строк выровнять по центру ячеек, при вводе формул и значений констант кислотности использовать теги нижних и верхних индексов <SUP>…</SUP> и <SUB>…</SUB>.
После заголовка «Пример выполнения работы» вставить рисунок PROTOLIZ.JPG и ввести текстовый комментарий к рисунку в параметр ALT=”..” тега <IMG>.
Отчет о выполнении работы оформить в виде ненумерованного списка.
Часть 2. Создание гипертекстовых ссылок и домашней html-страницы.
1) Открыть в Блокноте документ PROTOLIZ.HTM и пометить заголовки закладками: название работы пометить закладкой с именем “TOP”, задание – закладкой “LAB”, таблицу – закладкой “TAB”, рисунок – закладкой “RIS”, отчет – закладкой “REP”.
2) После названия работы вставить две горизонтальные линии, между ними – заголовок «Оглавление» и в отдельных абзацах – гипертекстовые ссылки на помеченные закладками заголовки.
3) Создать в конце документа ссылку с текстом «В начало» на закладку с именем “TOP”, выровненную по правому краю. Вставить эту ссылку после задания, таблицы и рисунка. Проверить работу ссылок.
4) Создать в Блокноте файл HOME.HTM и сохранить его в своем рабочем каталоге. Ввести в документ в БЛОКНОТЕ теги описания HTML-документа (<HTML>, <HEAD>, <BODY>). В тег <TITLE> ввести свою фамилию, инициалы и номер группы. Ввести в документ заголовок «Моя домашняя страница».
5) Создать в документе таблицу из двух столбцов и шести строк с видимой рамкой и небольшими отступами. Скопировать эмблему академии (файл MITHT.GIF) в свой рабочий каталог и вставить изображение в первую ячейку таблицы. Задать белый цвет фона для этой ячейки таблицы. Во вторую ячейку первой строки вписать название академии.
6) В остальные ячейки таблицы вписать название факультета, группы, свою фамилию, имя и отчество.
7) Выбрать из папки на сервере рисунок и использовать его в качестве фона домашней страницы, предварительно скопировав его в свой рабочий каталог. Задать цвет текста в документе, цвет фона и рамки таблицы с учетом требования читаемости текста на фоне выбранного графического файла.
8) Превратить эмблему академии в гипертекстовую ссылку на документ PROTOLIZ.HTM
стр.
