Вы здесь: Главная > HTML > Ссылки

Ссылки

До сих пор вы создавали отдельную интернет-страницу, и всё это очень хорошо, но что делает Интернет таким особенным, так это то, что все страницы связаны воедино.

“H” и “T” в “HTML” означают “гипертекст”, что в основном означает систему связанного текста.

Тег привязки (a) используется для определения ссылки, но вам также нужно добавить что—то к тегу привязки ─ месту назначения ссылки.

Добавьте это в свой документ:

<!DOCTYPE html>
<html>
<head>
    <title>Моя первая страница</title>
</head>
<body>
    <h1>Моя первая страница</h1>
    <h2>Что это?h2>
    <p> Простая страница, созданная с использованием HTML </p>
    <h2>Зачем она?</h2>
    <p>Чтобы изучать HTML</p>
    <h2> Где найти учебник?</h2>
    <p><a href="https://foxyforex.ru/html/rukovodstvo-po-html-dlya-nachinayushhix">Учебник HTML </a></p>
</body>
</html>

Назначение ссылки определяется в href атрибуте тега.

Ссылка может быть абсолютной, например “https://foxyforex.ru/”, или она может быть относительной к текущей странице.

Итак, если бы, например, у вас был другой файл с именем “flyingmoss.html” в том же каталоге, тогда строка кода была бы просто:

<a href="flyingmoss.html">Пятый элемент</a>

Ссылка не обязательно должна ссылаться на другой HTML-файл, она может ссылаться на любой файл в любом месте сети.

Ссылка также может отправить пользователя на другую часть той же страницы, на которой он находится. Вы можете добавить id атрибут практически к любому тегу, например:

<h2 id="moss">Новости</h2>

А затем вы можете ссылаться на него, используя что-то вроде этого:

<a href="#moss">Читать новости</a>

Выбор этой ссылки приведёт к прокрутке страницы прямо к элементу с этим идентификатором.

Страницы в тему:

Примеры CSS

Добавить комментарий