Атрибут HTML href
HREF
Назначение атрибута HTML href - указать URL для любого вида ссылки или карты изображения.
Поддерживаемые элементы
Атрибут HTML href поддерживает элементы area, base, link.
Синтаксис
<ElementName href = "value"> ..... </ ElementName>
Где ElementName - любые поддерживаемые элементы.
Тип значения
URL.
Значение
URL.
Значение по умолчанию
Нет значения по умолчанию для атрибута HTML href.
Поддерживаемые типы документов
HTML 4.01 строгий, HTML 4.01 переходный, HTML 4.01 frameset.
Пример HTML-атрибута href с областью
<!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=iso-8859-1">
<title>Example of HTML href attribute with area</title>
</head>
<body>
<img src="attributes-href-area.gif" alt="href area example " width="308" height="190" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="8,5,100,77" href="../../mysql/mysql-tutorials.php" target="_blank" alt="mysql tutorial">
<area shape="circle" coords="155,93,59" href="../../php/php-home.php" target="_blank" alt="php tutorial >
<area shape="rect" coords="197,136,306,188" href="../../sql/tutorials.php" alt="sql tutorials">
</map>
</body>
</html>
Результат
Пример HTML-атрибута href с
<!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=iso-8859-1">
<title>Example of HTML href attribute with a</title>
</head>
<body>
<a href="https://kodesource.top">W3resource tutorials</a>
</body>
</html>
Результат
Посмотреть этот пример в отдельном окне браузера
Пример HTML-атрибута href со ссылкой
<!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=iso-8859-1">
<title>Example of HTML href attribute with link </title>
<link rel="icon" type="image/png" href="../../images/w3ricon.png" />
</head>
<body>
<p>We are learning HTML</p>
</body>
</html>
Результат
Посмотреть этот пример в отдельном окне браузера
Пример HTML-атрибута href со ссылкой
Пример HTML-атрибута href с основанием
<!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=iso-8859-1">
<title>Example of HTML href attribute with base</title>
<base href="/images/" />
<base target="_blank" />
</head>
<body>
<p><img src="w3logo5.gif" /></p><!--Only relative path to the image is provided. But since href="/images/" so actual image file will be fetched. And <base target="_blank" /> will open the image in a new tab.-->
</body>
</html>
Результат
Посмотреть этот пример в отдельном окне браузера
Пример HTML-атрибута href с основанием
Предыдущий: атрибут высоты HTML
Далее: атрибут HTML hreflang
Новый контент: Composer: менеджер зависимостей для PHP , R программирования