- index.html
- style.css
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ссылка с якорем</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>URL</h1>
<h2 id="contents">Оглавление</h2>
<ol>
<li><a href="">История</a></li>
<li><a href="">Структура URL</a></li>
<li><a href="">Кодирование URL</a></li>
</ol>
<h2 id="history">История</h2>
<p>URL был изобретён Тимом Бернерсом-Ли в 1990 году в стенах Европейского совета по ядерным исследованиям в Женеве, Швейцария. URL стал фундаментальной инновацией в Интернете.</p>
<p>Изначально URL предназначался для обозначения мест расположения ресурсов (чаще всего файлов) во Всемирной паутине. Сейчас URL применяется для обозначения адресов почти всех ресурсов Интернета. Стандарт URL закреплён в документе RFC 1738, прежняя версия была определена в RFC 1630.</p>
<p>Сейчас URL позиционируется как часть более общей системы идентификации ресурсов URI, сам термин URL постепенно уступает место более широкому термину URI. Стандарт URL регулируется организацией IETF и её подразделениями.</p>
<a href="#contents">К оглавлению</a>
<h2 id="structure">Структура URL</h2>
<p>Изначально локатор URL был разработан как система для максимально естественного указания на местонахождения ресурсов в сети. Локатор должен был быть легко расширяемым и использовать лишь ограниченный набор ASCII‐символов (к примеру, пробел никогда не применяется в URL). В связи с этим, возникла следующая традиционная форма записи URL:</p>
<p><схема>://<логин>:<пароль>@<хост>:<порт>/<URL-путь>?<параметры>#<якорь></p>
<a href="#contents">К оглавлению</a>
<h2 id="encoding">Кодирование URL</h2>
<p>Появление адресов URL стало существенным нововведением в Интернете. Однако с момента его изобретения и по сей день стандарт URL обладает серьёзным недостатком — в нём можно использовать только ограниченный набор символов, даже меньший, нежели в ASCII: латинские буквы, цифры и лишь некоторые знаки препинания. Если мы захотим использовать в URL символы кириллицы, или иероглифы, или, скажем, специфические символы французского языка, то нужные нам символы должны быть перекодированы особым образом.</p>
<a href="#contents">К оглавлению</a>
</body>
</html>
CSS
body {
max-width: 350px;
font-size: 16px;
line-height: 24px;
}
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
ЗадачиВыполнено
0
- Ссылке «История» задайте адрес
#history - и нажмите на неё.
- Затем ссылке «Структура URL» задайте адрес
#structure - и тоже нажмите на неё.
- Самостоятельно задайте подходящий адрес для ссылки «Кодирование URL».