Игра на «Морской Бой» на JavaScript: «Простая Игра» и «Игра для Двоих»
Yutex - Платный хостинг PHP.
Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Интернет-магазин под ключ

Статьи для сайтов!!!
Главная HTML по шагам Теги HTML Тег a Тег abbr

Тег a

Описание тега A

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

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

Обязателен


Атрибуты тега A

Href – задает адрес,по которому будет осуществлен переход по ссылке.

Значения атрибута

Абсолютный или относительный адрес (подробнее здесь...)

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

-

Nameзадает имя якоря/метки внутри документа.

Сначала необходимо определить место в документе, где необходимо поставить метку. С помощью атрибута name называем метку как нам удобно. А затем с помощью атрибута href ссылаемся на помеченную область, указав имя метки после символа #.

Ставить метки можно также с помощью элемента id. Тегу с помощью элемента id присваивается выбранное Вами имя. Затем, также с помощью атрибута href, ссылаемся на имя, присвоенное тегу, не забывая использовать символ #.

Значения атрибута

Любой текст

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

-

Таким образом, с помощью атрибутов name и href тега <a> , можно перемещаться между разделами и частями страницы.

Target – указывает в каком окне открывать страницу при переходе по ссылке.

Значения атрибута

- blank - страница открывается в новом окне
- self – страница открывается в текущем окне
Если не требуется загружать страницу в новом окне, атрибут target можно не включать.

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

- self

Title – добавляет всплывающую подсказку при наведении на ссылку курсора.

Значения атрибута

Любой текст

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

-


Пример 1 - Атрибут href

<!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> Тег <a> Атрибут href </title>
</head>
<body>

<p> <a href="http://www.webpupil.ru/"> Это абсолютная ссылка на сайт Webpupil.ru </a> </p>
<p> <a href="index.php"> Это относительная ссылка на файл index.php </a> </p>

</body>
</html>


Пример 2 - Атрибут name

<!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> Тег <a> Атрибут name </title>
</head>
<body>

<h4> <a href="#metka1"> Глава 1 </a> </h4>
<h4> <a href="#metka2"> Глава 2 </a> </h4>

<h3> <a name="metka1"> Глава 1 </a> </h3>
Нельзя сказать, чтобы «Мартинес», на котором я плыл, был ненадежным судном; этот новый пароход совершал уже свой четвертый или пятый рейс на переправе между Саусалито и Сан Франциско. Опасность таилась в густом тумане, окутавшем бухту, но я, ничего не смысля в мореходстве, и не догадывался об этом.
<h3 id="metka2"> Глава 2 </h3>
Хорошо помню, как спокойно и весело расположился я на носу парохода, на верхней палубе, под самой рулевой рубкой, и таинственность нависшей над морем туманной пелены мало помалу завладела моим воображением. Дул свежий бриз, и некоторое время я был один среди сырой мглы – впрочем, и не совсем один, так как я смутно ощущал присутствие рулевого и еще кого то, по видимому, капитана, в застекленной рубке у меня над головой.

</body>
</html>

Глава 1

Глава 2

Глава 1

Нельзя сказать, чтобы «Мартинес», на котором я плыл, был ненадежным судном; этот новый пароход совершал уже свой четвертый или пятый рейс на переправе между Саусалито и Сан Франциско. Опасность таилась в густом тумане, окутавшем бухту, но я, ничего не смысля в мореходстве, и не догадывался об этом.

Глава 2

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


Пример 3 - Атрибуты target и title

<!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> Тег <a> - Атрибуты target и title </title>
</head>
<body>

<p> Страница при переходе <a href="index.php" target="_self"> по ссылке </a> откроется в текущем окне. </p>
<p> Страница при переходе <a href="index.php" target="_blank"> по ссылке </a> откроется в новом окне. </p>
<p> <a href="index.php" title="Всплывающая подсказка"> Наведите курсор на ссылку! </a> </p>

</body>
</html>

Страница при переходе по ссылке откроется в текущем окне.

Страница при переходе по ссылке откроется в новом окне.

Наведите курсор на ссылку!


Тег !-- Тег a Тег abbr
Теги HTML
Дизайн сайтов
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru