Механизмы адресации на ресурсы в Internet. Реализация механизма в языке HTML

Переход браузера
...
текст
...
...
...
...
...
какой-то текст
...
Метка(якорь, anchor):

Переход по метке: правила
Выбираем имя для метки:
.
Имя должно быть уникальным. Это означает, что других меток с таким именем в документе быть не должно.
А что будет, если проигнорировать этот совет?
Имя может состоять из любых символов. В том случае, когда имя содержит пробелы или ключевые символы HTML, кавычки обязательны.
Ставим переход по метке:
текст
.
# — ключевой символ.
метка — выбранное имя для метки.
текст — запись, которая будет выглядеть на экране браузера как ссылка.

Переход к другому документу
Это ссылка на 1.html
Это ссылка на 2.html
Это ссылка на 3.html
1.html
3.html
2.html
...
текст
...
Это ссылка на 1.html
Это ссылка на 2.html
Это ссылка на 3.html

Лабораторная работа
Создание и использование гиперссылок

Переход к другому документу с меткой
Ссылка на файл 1.html с меткой "а"
Какой-то текст...
...
...
...
В этом месте поставлена метка
1.html
Сюда будет осуществлен переход

Примеры абсолютных ссылок на различные файлы по разным протоколам:
протокол://имя_сервера:порт/путь
Ссылка на HTML файл по протоколу HTTP:
Пример
Ссылка на ZIP файл по протоколу HTTP:
Пример
Ссылка на EXE файл по протоколу FTP:
Пример
Ссылка на e-mail, при помощи протокола mailto:
Пример

Несколько типичных вариантов относительных ссылок
href="target.html"
href="folder/target.html"

Несколько типичных вариантов относительных ссылок
href="../target.html"
folder1
href="../folder/target.html"

Примеры относительных адресов
"info.html"
"manual/info.html"
"manual"
"../help.html"
"../project/first.html"
"../../about/contact.html"
"/" - корень сайта
"/demo/"
"/images/pic.gif"
"./file/doc.html" = "file/doc.html"
//В заголовке!

В каком окне открывать ссылку?

Цвет ссылок
цвет неотработанной ссылки (пользователь еще не "кликал" на ссылке).
цвет ссылки после щелчка (пользователь "кликнул" на ссылке; документ, на который указывает ссылка, грузится по сети).
цвет отработанной ссылки (пользователь "ходил" по этой ссылке).
Цвета ссылок по-умолчанию:
синий — цвет неотработанной ссылки
красный — цвет активной ссылки
пурпурный — цвет отработанной ссылки

Атрибуты, явно задающие цвета ссылок bgcolor="#ffffff" text="#000000" link="#0000ff" alink="#ff0000" vlink="#800080">
Атрибуты :
link — цвет неотработанной ссылки
alink — цвет активной ссылки
vlink — цвет отработанной ссылки

Формат GIF
GIF-формат имеет три дополнительные возможности:
Мультипликация
Прозрачная графика
Чересстрочная развертка

Формат JPG

Формат PNG
PNG-8:
индексированная цветовая палитра.
поддержка прозрачности.
PNG-24:
полноцветный.
PNG-32:
полноцветный.
полупрозрачность
задается альфа-каналом.

Как показать файл?

Картинка как ссылка
border = "0"
border = "1" src="img.gif">

Подписываем картинку src=glbus.gif title="Анимированный глобус">
Да, и ссылка тоже...

Задаем размеры и выравниваем картинку src=img.gif align="top">
top - вертикальное выравнивание по верхнему краю.
middle - вертикальное выравнивание по центру.
bottom - вертикальное выравнивание по нижнему краю.
left - горизонтальное выравнивание по левому.
right - горизонтальное выравнивание по правому краю.
hspace
hspace
vspace
vspace

Фоновое изображение документа

Карты изображений
rect — прямоугольник.
circle — окружность.
poly — многоугольник.
default — оставшаяся область.
Дополнительные атрибуты:
nohref
alt
title

Допустимые формы рабочих полей