- •Основы html
- •Инструментарий
- •Теги (дескрипторы) в html
- •Структура html-документа
- •Атрибуты
- •Создание Web-страниц
- •Определение цветов
- •Расположение рисунков на странице.
- •Лабораторная работа №1 Знакомство с таблицами
- •Формирование таблиц
- •Лабораторная работа №2 Форматирование текста в html-документах
- •Заголовки
- •Текстовые абзацы
- •Принудительный разрыв строки
- •Изменение шрифта
- •Начертания шрифтов
- •Нижние и верхние индексы
- •Горизонтальные линии на html – странице
- •Бегущая строка
- •Маркированные и нумерованные списки
- •Лабораторная работа №3 Организация гиперссылок
- •Элементы привязки
- •Адрес гиперссылки
- •Внутренние и внешние гиперссылки
- •Задание цвета гиперссылок
- •Лабораторная работа №4 Создание фреймовой структуры html-страниц
- •Что такое фрейм?
- •Организация фреймов
- •Лабораторная работа №5 Использование иерархических стилевых спецификаций (css)
- •Применение css
- •Внешняя стилевая спецификация
- •Внедренные стилевые таблицы
- •Внутренние стили
- •Классы в стилевых спецификациях
- •Определение стиля для специфического элемента
- •Работа со специальными элементами
- •Лабораторная работа №6 Организация форм
- •Создание формы
- •Описание элементов формы
- •Лабораторная работа №7 Создание клиентских сценариев
- •Размещение сценария
- •Выполнение сценария
- •Функции JavaScript
- •Пример проверки заполнения обязательных текстовых полей
- •Пример обработки кнопок с зависимой фиксацией (radio)
- •Пример для элементов select (option)
Адрес гиперссылки
При указании целевого адреса гиперссылки используются абсолютные и относительные адреса.
Абсолютный адрес – это полный Internet – адрес со всей информацией, требующейся клиенту для того, чтобы отыскать нужную страницу.
Относительный адрес – используется для адресации в пределах документа или совокупности документов на одном сервере. В этом случае URL указывается относительно компьютера и каталога, из которого броузер первоначально загружает Web-страницу.
Применение относительных адресов удобно, поскольку при каждом перемещении каталога не приходится менять все ссылки.
Внутренние и внешние гиперссылки
Реализуемые в Web – документах ссылки можно разделить на 3 категории:
Ссылки на другие позиции внутри того же документа;
Ссылки на другой документ в том же месте (адресе) сети;
Ссылки на документы, которые находятся по другому адресу Internet.
Это не обязательно связи между текстовыми документами. Можно организовать ссылки на графику или звуковые файлы.
Гиперсвязи можно встроить в любое место HTML – документа.
Гиперссылку называют внутренней, если она ведет на другую страницу или URL внутри сайта. Гиперссылку, соединяющую со страницей, расположенной за пределами текущего сайта, называют внешней.
Используя внутренние гиперссылки, можно установить связи с конкретными разделами текущего (внутристраничная гиперссылка) или другого документа внутри сайта. Например, в верхней части Web-страницы можно поместить оглавление, а затем связать его пункты с последующими разделами Web-страницы.
Это делается в два этапа. Сначала следует создать в HTML-файле метку, показывающую, куда переходить по гиперссылке.
Например, если необходимо создать ссылку на первую главу, то следует в самом начале первой главы создать метку и с помощью атрибута NAME тега <A> присвоить ей имя.
<A NAME=”glava1”>ГЛАВА1</A> - организация метки. Броузер не выделяет содержимое этого тега как ссылку, так как оно используется в качестве метки. После создания такого элемента на него можно ссылаться. Для такой гиперссылки используется специальная запись. Атрибуту HREF тега <A> назначают имя метки и перед именем ставят знак #: <A HREF=”#glava1”>ПЕРЕЙТИ К ГЛАВЕ 1</A>. Знак # показывает, что ссылка – внутренняя. Помеченный фрагмент при щелчке на ссылке размещается в верхней части окна броузера.
Если необходимо организовать гиперссылку на конкретный фрагмент другого HTML-документа (например, “my.htm”), то этот фрагмент предварительно также помечается. Гиперссылка на него организуется следующим образом <A HREF=”my.htm#glava1”>. Здесь к имени метки добавляется имя файла.
Таким образом, внутренняя гиперссылка создается в два этапа:
В HTML-документе создается метка, определяющая адрес будущего перехода;
В описании гиперссылки в качестве URL в атрибуте HREF указывается имя этой метки с предшествующим знаком «#».
В пределах документа метка должна быть уникальной. Метки не видны в окне броузера.
Задание 2
Откройте созданную Вами ранее Web-страницу “basset_s.htm”.
Добавьте на страницу картинку с фотографией бассет-хаунда. Оформите ее как гиперссылку на файл “por_bas.htm”с характеристикой этой породы.
Добавьте на страницу “por_bas.htm” следующие внутристраничные гиперссылки: “Описание породы”, “Общий вид”, “Голова“, “Хвост”, “Уши“.