HTML Урок 3 Пищита Е.В.. СОДЕРЖАНИЕ УРОКА Нумерованные списки в HTML Маркированные списки в HTML Списки определений Ссылки в HTML документе Графические. - презентация

1 HTML Урок 3 Пищита Е.В.

2 СОДЕРЖАНИЕ УРОКА Нумерованные списки в HTML Маркированные списки в HTML Списки определений Ссылки в HTML документе Графические ссылки (ссылки-картинки) Ссылки внутри страницы Цвет текста и ссылок Ссылка на почтовый адрес Окно загрузки ссылки Практическая работа 2 Пищита Е.В.

3 Нумерованные списки в HTML: Нумерованный список : 1 строка списка 2 строка списка Параметры тега :, где * I - большие римские цифры i - маленькие римские цифры A - большие латинские буквы a - маленькие латинские буквы 1 - обычные цифры Тег без параметра, т.е. по умолчанию, выдаёт простой нумерованный список Пищита Е.В.

4 Маркированные списки в HTML: Маркированный список : 1 строка списка 2 строка списка Параметры тега :, где * DISK - точка CIRCLE - круг SQUARE - квадратик Тег без параметра, т.е. по умолчанию, DISK Пищита Е.В.

5 Списки определений: Списки определений необходимы для выделения терминов: Термин Его определение Следующее его определение Для компактного списка: Термин Его определение Следующее его определение Для компактного списка: Термин Его определение Следующее его определение Пищита Е.В.

6 Ссылки в HTML документе: Ссылки - переходы с одной страницы на другую: Например, Это ссылка на HTML.net Если нужно связать свои страницы, т.е. страницы на одном веб-сайте, то полный путь указывать не нужно: Пищита Е.В.

7 Графические ссылки (ссылки-картинки) Чтобы создать ссылку-картинку, нужно вместо текста использовать изображение. Пищита Е.В.

8 Ссылки внутри страницы: Чтобы переходить по ссылкам внутри страницы нужно установить закладку в то место куда должны попадать: - при маркировании заголовков: Глава 1 Ссылка на закладку: текст Пищита Е.В.

9 -в любом месте страницы: текст Ссылки внутри страницы: Пищита Е.В.

10 Цвет текста и ссылок. Тег : TEXT - определяет цвет текста в документе. LINK - определяет цвет гиперссылок в документе. ALINK - определяет цвет подсветки гиперссылок в момент нажатия. VLINK - определяет цвет гиперссылок, которые вы уже просмотрели. Все приведенные параметры могут объединяться. Пищита Е.В.

11 Ссылка на почтовый адрес Для того чтобы сделать ссылку на почтовый ящик, вместо адреса страницы мы пишем свой , перед этим вставив mailto : Пищита Е.В.

12 Окно загрузки ссылки Определить, в каком окне (фрейме) загрузить гиперссылку поможет:, где * : BLANK - загружает страницу в новом окне браузера. SELF – загружает страницу в текущее окно. PARENT – загружает страницу, во фрейм- родитель, если фреймов нет, то это значение работает как SELF. TOP - загружает страницу на полное окно браузера (если до этого существовало разбиение на фреймы, то оно исчезнет). Пищита Е.В.

13 Практическая работа 2 Создать вторую страницу проекта под именем struktura.htm в той же папке, в которой отобразить структуру своего проекта (это может быть содержание реферата или этапы работы из презентации) Необходимые элементы: - Список (нумерованный или маркированный) - Ссылки на три страницы: -Ссылка первая (текстовая)– Введение (страничка открывается в новом окне; предварительно документ Введение создаёте и сохраняете под именем vvod.htm в туже папку) -Ссылка вторая (текстовая)– Вывод (аналогично Введению; имя vyvod.htm) -Ссылка третья (графическая)– График (создайте страничку с вашим исследованием, содержащим графики под именем grafik.htm, ссылка на неё через картинку из struktura.htm) Предусмотреть: -Цвет текста - Фон страницы Пищита Е.В.