Атрибут href в теге a для ссылок на html-документ

Атрибут href тега <a> задает адрес документа, на который произойдет переход при нажатии на ссылку.

Настольные Мобильные

Правило написания атрибута href у тега a

<a href="адрес ссылки">...</a>

Адреса ссылок могут быть абсолютными или относительными. Абсолютный адрес состоит из трех частей:

Протокол (http://, или https://).
Доменное имя сайта. Например, site.ru.
Полное имя файла целевого документа (включая папки) относительно корня сайта. Например, /analiz/seo.php.

Все вместе это выглядит так: http://site.ru/analiz/seo.php.

Разберем теперь как правильно писать относительные ссылки:

Относительная ссылка на целевой документ в той же папке, что и исходный документ:
```
<a href="Целевой документ.html">Ссылка</a>
```
Относительная ссылка на документ в папке, которая находится на одном уровне с исходным документом:
```
<a href="Папка/Целевой документ.html">Ссылка</a>
```
Относительная ссылка на документ, который находится на уровень выше исходного документа:
```
<a href="../Целевой документ.html">Ссылка</a>
```
Относительная ссылка на документ, который находится в корне сайта:
```
<a href="/Целевой документ.html">Ссылка</a>
```

Пример с тегом <a> и атрибутом href

<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <title>Атрибут href у HTML тега a</title>
</head>
<body>
  <p>
    <a href="chapter1.html">Глава 1</a>
    <a href="chapter2.html">Глава 2</a>
    <a href="chapter3.html">Глава 3</a>
    <a href="chapter4.html">Глава 4</a>
  </p>
</body>
</html>