Создание HTML ссылки

Лабораторная работа №2

Гиперссылки и мультимедиа

Тема лабораторной работы: связывание web-страниц с помощью гиперссылок и размещение мультимедиа на web-страницах.

Цель работы: изучить возможности языка HTML по связыванию страниц через гиперссылки и размещению различного мультимедиа контента на web-странице.

Создание HTML ссылки

Создать html ссылку очень просто. Для этого используется элемент с одним атрибутом:

< a href=" https://www.google.com.ua" > Это ссылка на сайт www.google.com.ua < /a>

Элемент а (ancor) является как бы якорем, т.е. текст, заключенный между открывающим < a> и закрывающим < /a> тегом, будет текстом ссылки.
Атрибут href это сокращение от " hypertext reference/гипертекстовая ссылка", определяет место, на которое выполняется переход по данной ссылке - обычно это internet-адрес и/или имя файла.

Как сделать ссылку между собственными страницами?

Если у нас есть две страницы (к примеру page1.htm и page2.htm), расположенные в одной папке, то код ссылки с page1 на page2 будет выглядеть так:

< a href=" page2.htm" > Для перехода на page2 щелкни здесь! < /a>

Eсли страница page2 находится в подпапке " subfolder", код ссылки выглядит так:

< a href=" subfolder/page2.htm" > Для перехода на page2 щелкни здесь! < /a>

Так будет выглядеть код html ссылки со страницы page 2 на page1(в обратную сторону):

< a href="../page1.htm" > Для перехода на page1 щелкни здесь! < /a>

Символ "../" указывает на папку, расположенную на один уровень выше от данной позиции файла, с которого делается ссылка.

google_protectAndRun("render_ads.js:: google_render_ad", google_handleError, google_render_ad); Как сделать ссылку внутри страницы?

Бывают случаи, когда необходимо сделать ссылку с начала страницы в конец или, к примеру, с оглавления на главы и т.д.

1.Необходимо пометить место документа следующей конструкцией:

<! -- этот способ используется при маркировании заголовков -->
< h2 id=" razdel1" > Раздел 1< /h2>
<! -- а такую метку можно поставить везде где понадобится-->
< h2> < a name=" razdel1" > < /a> Раздел1: < /h2>

2. Теперь вы можете ссылаться на помеченную область простым указанием ее имени после значка #:

< a href=" #razdel1" > Ссылка на Раздел 1 < /a>

Как сделать ссылку на почту?

При нажатии на ссылку запустится почтовая программа-клиент с заполненным полем имени получателя.

< a href=" mailto: admin@mail8.dgtu.dn.ua" > Написать письмо админу < /a>

АТРИБУТЫ:

TARGET - указывает где открывать страницу, на которую ведет html ссылка. По умолчанию она открывается в том же окне. Чтобы открывалась в новом, следует написать target =" _blank".

TITLE - указывает заголовок ссылки, который появляется при наведении на нее.

Как изменить цвет ссылок?

Чтобы изменять цвет ссылок во всем документе, существуют специальные атрибуты элемента BODY:

LINK - цвет просто ссылок

ALINK(Active Link) - цвет активных ссылок (активная означает в момент нажатия на нее)

VLINK(Visited Link) - цвет уже посещенных ссылок

Все цвета задаются либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.

К примеру, если при открытии тела документа элементу body прописать:

< body link=" red" vlink=" green" alink=" white" >, то все ссылки в данном документе станут красными, уже посещенные ссылки станут зелеными, а ссылки в момент нажатия будут белыми.

А если нужно чтобы в каком -то месте ссылка имела другой цвет, например по всему документу красные, а именно в одном месте зеленая?

Тогда нужно внутри html ссылки прописать уже знакомый элемент font с атрибутом цвета:

< a href=" https://www.google.com.ua" > < font color=" black" > Черная ссылка< /font> < /a>