Создание сайта
Регистрация
Продвижение
Монетизация
Облако тегов

Требуется для просмотраFlash Player 9 или выше.

Показать все теги


Ссылки HTML
Раздел: Создание сайта » HTML  
29 сентября 2009   |   автор: admin Оставить комментарий




Ссылки HTML

 

Что можно сказать о ссылках в html?

 

Да что о них говорить. Все очень просто.

 

 

Для создания ссылок в html используется тег <a>. Он идет в паре с закрывающим тегом </a>. Между ними может присутствовать текст или картинка, как здесь.

 

 

Существует три способа использования данного тега:

 

1. для создания абсолютной ссылки. В этом случае в адресном поле указывается значение URL, куда ведет ссылка. Такой адрес доступен отовсюду, где есть подключение к сети интернет (/site-creation/html/16-uchebnik-html-blochnaya-verstka.html).


2. для создания относительной ссылки. При этом в поле адреса прописывается путь к другому документу, относительно текущего документа. К примеру, создавая веб-страницу, html документ, можно прописать путь к рисунку, который лежит в той же папке. Для этого достаточно указать адрес рисунка, без всяких URL (Мои документы/Папка моего сайта/ picture.jpg)


3. для создания якоря. В этом случае с помощью ссылки вы можете осуществлять переходы внутри документа. Например, можно внизу страницы поставить ссылку, кливнув по которой пользователь попадет в начало документа. Или, к примеру, если у вас имеется большой текст, вначале которого вы указываете содержание, тогда можно проставить соответствующие якоря по тексту и перемещаться к ним, щелкая по содержанию.

 

 

 

Как же все это дело делается?

 

 

Параметр HREF

 

Что бы ссылка заработала ей нужен адрес, куда она будет вести. Для задания адреса используется параметр href. С его помощью, как уже говорилось выше, можно создавать абсолютные и относительные ссылки.

 

Синтаксис

 

Параметр href находится внутри тега <a>. За ним следует знак равенства и в кавычках адрес.

 

< a href="/"> Абсолютная ссылка</a>
< a href="picture.jpg"> Относительная ссылка</a>

 

 

 

Параметр NAME. Якорь в html документе

 

Для создания якоря html используется атрибут name (имя). Сначала вы ставите якорь с уникальным именем, а затем в другом месте своего документа ставите ссылку на данный якорь.

 

Синтаксис.

 

Создание html якоря делается с помощью тега <a>, внутри которого прописывается параметр name. Затем знак равно и в кавычках уникальное имя якоря. При этом между открывающим и закрывающим тегами можно не писать никакого текста.

 

В ссылке на якорь необходимо поставить знак # и указать имя якоря.

 

<a name="top"></a>
<a href="#top">Наверх</a>

 

 

Еще один важный параметр TITLE

 

С помощью title вы даете своей ссылке название, оно возникает, когда курсор находится над ссылкой. Название ссылки в title может отличаться от текста самой ссылки, не путайте их. Это параметр, конечно, можно не использовать, но иногда он очень пригождается.

 

<a title="текст подписи к ссылке">...текст самой ссылки...</a>

 

 

И последний параметр TARGET

 

Используя target, вы можете управлять тем, как будет открываться ссылка. По умолчанию она открывается в том же окне. Но, изменяя значения target, вы можете заставить браузер открыть ее в новом окне.

 

 

Значения для Target:

 

_blank - открывает ссылку в новом окне браузера

_self - открывает в текущем окне

 

<a target="значение параметра">...</a>

 

 


Полностью ссылка со всеми параметрами выглядит так:

 

<a href="/" target="_blank" title="web-lesson.ru">Главная страница сайта</a>

 


А работает так: ЖМИ ПО ССЫЛКЕ (откроется в новом окне)

 

 

Сайт: web-lesson.ru


Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
web-lesson.ru
Добавление комментария
Ваше Имя:
Ваш E-Mail:
Код:
Введите код