
- •Тема 10
- •Гипертекстовые ссылки. Создание обычной гиперссылки.
- •Структура гиперссылок.
- •Графический файл в роли ссылки.
- •Ссылки и цвет.
- •Фильтры. Фильтры, применяемые к тексту.
- •Filter: название фильтра (параметры)
- •Цветовая гамма html-документа.
- •Изображения в html-документе.
- •Фильтры применяемые к изображению.
- •1. Создание гиперссылок.
- •2. Создание горизонтальных линии.
- •3. Создание фильтров применяемых к тексту и изображениям.
- •Тема 11: Использование html-списков. Маркированный список. Нумерованный список. Списки определений.
- •1. Использование html-списков.
- •Маркированные списки.
- •Списки определений:
- •1. Создайте Web-страницу используя Маркированные списки.
Тема 10
Тема: Гипертекстовые ссылки. Создание обычной гиперссылки. Цветовая гамма HTML-документа. Изображения в HTML-документе. Вставка рисунков в таблицу.
Гипертекстовые ссылки. Создание обычной гиперссылки.
В Интернете размещены миллионы электронных документов, часто похожих по тематике и ориентированных на одну и ту же пользовательскую аудиторию. Переход на другие документы казался бы делом трудным и утомительным, если бы не возможность связывания одного HTML-документа с другим с помощью гипертекстовых ссылок.
По сути, любая гипертекстовая ссылка-это указатель адреса в глобальной сети, по которому можно моментально перейти из окна браузера. Успешный переход по ссылке возможен в двух случаях: если ресурс, на который ссылается документ, существует и если структура гиперссылки верна с точки зрения HTML.
Структура гиперссылок.
Любая гиперссылка состоит из двух важных частей: указателя ссылки и адреса ресурса, на который необходимо осуществить переход. Внешнее отличить гиперссылку от обычного текста очень просто: при наведении курсора мыши на ссылку указатель принимает вид руки с указательным пальцем, как бы показывающим, что этот текст содержит гиперссылку. Сама ссылка подчеркивается (если указателем является текст).
В качестве ссылки может выступать текст (отдельное слово, фразы и даже целые страницы текста) и графические изображения. В ряде случаев возможно объединение графики и текста в рамках единого указателя ссылки. Указатель ссылки описывается тэгом <A>, а адрес перехода реализуется с помощью параметра HREF значением которого является путь к тому или иному Интернет-ресурсу (закрывающий тэг </A> является обязательным). Ссылки HTML позволяют связать текст или картинку с другими гипертекстовыми документами. Текст, как правило, выделяется цветом или оформляется подчеркиванием. Вот обычная конструкция ссылки:
<A HREF="URL" TARGET="Окно" TITLE="Подсказка">Название ссылки</A>
Параметры элемента <A> представлены в таблице:
Атрибут |
Функция |
HREF |
URL (унифицированный локатор ресурсов) - адрес любого файла в Интернете. Может быть абсолютным, то есть указывается полный адрес странички (например, http://lenininc.narod.ru/index.html) и относительным, как видно из названия указывается файл относительно текущего (например, index.html). |
TARGET |
Определяет, в каком окне (фрейме) загрузить гиперссылку. Может иметь значения: top - загружает гиперссылку на всем пространстве окна браузера (если до этого существовало разбиение на фреймы, то оно исчезнет). blank - загружает гиперссылку в новом окне браузера. self – загружает содержимое страницы в окно, которое содержит эту ссылку (и так используется по умолчанию, так что если вам надо именно так загрузить ссылку, то параметр target вообще можно не использовать). parent - загружает содержимое страницы, заданной ссылкой, в окно, являющееся непосредственным владельцем набора фреймов. |
TITLE |
Текст подсказки, который будет появляться при наведении мышки на гиперссылку. Параметр не обязательный. |