Записи Друзья Комментарии
lidiyaT
Аватар lidiyaT

 -Музыка

 -Стена

lidiyaT lidiyaT написал 20.05.2009 13:58:38:
Приветствую Вас на своей стенке. Здесь можно оставлять свои сообшения.

 -Подписка по e-mail

 

 -Поиск по дневнику

Поиск сообщений в lidiyaT

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 07.07.2008
Записей:
Комментариев:
Написано: 2589


Теги HTML

Четверг, 17 Декабря 2009 г. 22:01 + в цитатник
Цитата сообщения kadrovikpraktik
Прочитать целикомВ свой цитатник или сообщество!




Часто встречаю ссылки в тексте, сегодня наконец-то нашла, как это делается. Может еще кому понадобится.

Описание

Тег <A> является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия параметров name или href тег <A> устанавливает ссылку или якорь. Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб-страницы.

Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. В качестве значения параметра href используется адрес документа (URL, Universal Resource Locator, универсальный указатель ресурсов), на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки, как следует из их названия, построены относительно текущего документа или корня сайта.

Синтаксис

<a href="URL">...</a> <a name="идентификатор">...</a>

Параметры

href
Задает адрес документа, на который следует перейти.
name
Устанавливает имя якоря внутри документа.
target
Имя окна или фрейма, куда браузер будет загружать документ.
title
Добавляет всплывающую подсказку к тексту ссылки.

Закрывающий тег

Обязателен.

Пример 1. Использование тега <A>

HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Тег А</title>
 </head>
 <body>
  
  <p><a href="images/xxx.jpg">Посмотрите на мою фотографию!</a></p>
  <p><a href="tip.html">Как сделать такое же фото?</a></p>
 
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Тег А</title>
 </head>
 <body>
  
  <p><a href="images/xxx.jpg">Посмотрите на мою фотографию!</a></p>
  <p><a href="tip.html">Как сделать такое же фото?</a></p>
 
</body>
</html>


 

Описание параметров тега <A>

Параметр HREF

 

Описание

Задает адрес документа, на который следует перейти. Поскольку в качестве адреса ссылки может использоваться документ любого типа, то результат перехода по ссылке зависит от конечного файла. Так, архивы (файлы с расширением zip или rar) будут сохраняться на локальный диск. По умолчанию новый документ загружается в текущее окно браузера, однако это свойство можно изменить с помощью параметра target.

Синтаксис

<a href="URL">...</a>

Обязательный параметр

Обязателен для ссылок.

Аргументы

В качестве значения принимается полный или относительный путь к файлу.

Значение по умолчанию

Нет.

Пример 2. Использование параметра href

HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Тег А, параметр href</title>
 </head>
 <body>
  
  <p><a href="knob.html">Относительная ссылка</a></p>
  <p><a href="http://www.htmlbook.ru/html/example/knob.html">Абсолютная ссылка</a></p>
 
 </body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Тег А, параметр href</title>
 </head>
 <body>
  
  <p><a href="knob.html">Относительная ссылка</a></p>
  <p><a href="http://www.htmlbook.ru/html/example/knob.html">Абсолютная ссылка</a></p>
 
 </body>
</html>


 

Параметр NAME

 

Описание

Параметр name используется для определения якоря внутри страницы. Вначале следует задать в соответствующем месте закладку и установить ее имя при помощи параметра name тега <А>. Имя ссылки на закладку начинается символом #, после чего идет название закладки. Название выбирается любое, соответствующее тематике. Можно также делать ссылку на закладку, находящуюся в другой веб-странице и даже другом сайте. Для этого в адресе ссылки надлежит указать ее адрес и в конце добавить символ решетки # и имя закладки.

Между тегами <a name=...> и </a> текст писать не обязательно, так как требуется лишь указать местоположение перехода по ссылке.

Синтаксис

<a name="закладка">...</a>

Обязательный параметр

Обязателен для якорей.

Аргументы

Любой текст с учетом регистра.

Значение по умолчанию

Нет.

Пример 3. Создание якоря с помощью параметра name

HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Тег А, параметр name</title>
 </head>
 <body>

  <p><a name="top"></a></p>  
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy 
      nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>
  
  <p><a href="#top">Наверх</a></p> 

 </body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Тег А, параметр name</title>
 </head>
 <body>

  <p><a name="top"></a></p>  
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy 
      nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>
  
  <p><a href="#top">Наверх</a></p> 

 </body>
</html>


 

Параметр TARGET

Описание

По умолчанию, при переходе по ссылке документ открывается в текущем окне или фрейме. При необходимости, это условие может быть изменено параметром target тега <А>. В XHTML применение этого параметра запрещено.

Синтаксис

<a target="имя окна">...</a>

Обязательный параметр

Нет.

Аргументы

В качестве аргумента используется имя окна или фрейма, заданное параметром name. Если установлено несуществующее имя, то будет открыто новое окно. В качестве зарезервированных имен используются следующие.

_blank
Загружает страницу в новое окно браузера.
_self
Загружает страницу в текущее окно.
_parent
Загружает страницу во фрейм-родитель, если фреймов нет, то этот параметр работает как _self.
_top
Отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, то этот параметр работает как _self.

Значение по умолчанию

_self

Пример 4. Открытие ссылки в новом окне

HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Тег А, параметр target</title>
 </head>
 <body>
  <p><a href="new.html" target="_blank">Открыть в новом окне</a></p>
 </body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Тег А, параметр target</title>
 </head>
 <body>
  <p><a href="new.html" target="_blank">Открыть в новом окне</a></p>
 </body>
</html>


 

Параметр TITLE

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

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

Синтаксис

<a title="текст">...</a>

Обязательный параметр

Нет.

Аргументы

Любая текстовая строка. Строка должна заключаться в двойные или одинарные кавычки.

Значение по умолчанию

Нет.

Пример 5. Создание всплывающей подсказки

HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Тег А, параметр title</title>
 </head>
 <body>
  <p><a href="zoo.html" title="Рисунки различных животных и не только...">Рисунки</a></p>
 </body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Тег А, параметр title</title>
 </head>
 <body>
  <p><a href="zoo.html" title="Рисунки различных животных и не только...">Рисунки</a></p>
 </body>
</html>
Первоисточник htmlbook.ru

 
Рубрики:  Компьютер
Метки:  
Нравится

Комментировать — К дневнику — Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку


О проекте