<html lang="ru"> <!--Элемент html является корневым, а атрибут lang позволяет
программам экранного доступа определять язык страницы-->
<head><!--Вводит метаданные страницы, которые не отображаються в главноем окне-->
<title>Справочник по веб-дизайну. Урок 1</title> <!--Вводит название страницы,
ткоторое отображается в иконке вкладки или при сохранение страницы в закладки-->
</head>
<body> <!--Выводит содержимое веб страницы для просмотра -->
<h1 id="introduce">Как работает всемирная сеть</h1> <!--Вводит заголовок, всего 6 уровней, которые отличаються размером икегелем.
Их можно настроить с помощью CSS--><!--Атрибут id позволяет создать на эту часть страницы ссылку-->
<p><b>Всемирную паутину</b><!--Делает полужирным и не более --> образуют сотни миллионов <i>веб-серверов</i>
<!-- просто делает текст курсивом (для иностранных слов и технических терминов)-->.
Большинство ресурсов Всемирной паутины основано на технологии гипертекста. Гипертекстовые документы,
размещаемые во Всемирной паутине, называются веб-страницами. Несколько веб-страниц, объединённых общей темой или дизайном,
а также связанных между собой ссылками и обычно находящихся на одном и том же веб-сервере, называются веб-сайтом.
Для загрузки и просмотра веб-страниц используются специальные программы — браузеры </p> <!--вводит абзац-->
<hr /><!--Разделяет линией -->
<p>Рассмотрим примеры формул для просмотра функционала некоторых тегов и их обьясненя</p>
<p>E=mc<sup>2</sup></p><!--выводит значение элемента в верхний регистр-->
<p>CO<sub>2</sub></p><!--выводит значение элемента в нижний регистр-->
<p>Этот текст <br />несколько раз <br />переноситься на новую строку</p>
<p><strong>ВНимание:</strong> <!--выделяет текст высокой степени важности, ПЭД(программа экранного доступа)
выделит данное слово интонационно-->данные текст не несет никакой смысловой нагрузки</p>
<p>Я <em>считаю</em><!--обозначает логическое ударение, которое несколько меняет смысл выражения-->,
что смысл в этом тесте все таки есть</p>
<blockquote cite="https://babel.ua/"><p>"Сара Черчилль в свои 30 лет была любимой дочерью и ближайшим помощником своего отца.
<br />До войны она была начинающей актрисой театра и кино, <br />но затем вступила в Женскую вспомогательную службу
Военно-воздушных сил Великобритании <br />и стала офицером воздушной разведки."</p></blockquote>
<p>-так описывает героиню своей книги Кэтрин Грейс Кац.</p>
<p>Рузвельт же описал ее так:<q>Под пивко пойдет</q></p><!--вводит маленькие цитаты-->
<p><abbr title="самая бесполезная хуета">ООН</abbr> очень полезная организация</p> <!--Исп. для расшифровки акронимов или
абревиатур, раньше для акронимов исп. эллемент <acronym>-->
<p>Эта цитата позаимствована из книги <cite><a href="https://www.ukrlib.com.ua/world/printit.php?tid=3290">
"Как развести араба"</a></cite></p><!--Данный элемент исп. для обозначения названия первоисточника
и исп. вместе с элементом дающим ссылку-->
<p><dfn>Саша</dfn>- балбеска</p> <!--Исп. для обозначений-->
<p>Тут я кое что <del>накосячил</del> <ins>подправил, внеся свои коррективы</ins> для того чтобы текст был более читательный
<!--Вводит испрааления(удаления и введение) в тексте дл отслеживания изменений, которые можно отобразитьь читателю-->
<br />Цена моих услуг <s>50 000 грн.</s> 10 копеек.</p><!--для текста, который неактуален больше-->
<hr />
<h2 id="link">Полезные ссыли</h2>
<p><a href="https://ru.wikipedia.org/">На ночь</a><!--Так вводиться ссылка на другой сайт. Значение атрибута -полный или абсолютный
адресс сайта-->
<br /><a href="https://www.youtube.com/" target="_blank">Еще на ночь(ссылка в новом окне)</a></p>
<!--Атрибут указыввет где откырть ссылку-->
<h3>Ориентиры по сайту</h3>
<p><a href="review.html">Обзоры</a> <!--ссылка на другую страницу в той же директории, что и страница, на которой
размещается ссылка-->
<br /><a href="list/list.html">Список</a></p><!--Ссылка для страницы в дочерней папке, аналогично для внучатой создается-->
<hr />
<address id="address">
<p><a href="mailto:nikita021107m@gmil.com">nikita021107m@gmail.com</a></p>
<p>Спуса Набережный 1/18</p>
</address> <!--В данном жлеменете представлен способ для написания адресса и вывода ссылки
для напиания на почту при нажатти на адресс почты-->
<hr />
<h2>Ориентир по транице</h2>
<p><a href="#introduce">Введение</a></p><!--ссылка на часть страницы так вводиться-->
<p><a href="C:/Users/User/Desktop/site%20about%20web%20design/list/list.html/#underlist">Подсписок</a></p>
<!--ссылка на часть другой страницы (list)-->
</body>
</html><html>
<head>
<title>пример списков</title>
</head>
<body>
<h1 id="underlist">Списки</h1>
<p>Тут представлен упорядоченый список</p>
<ol><!--элемент упорядоченого списка, иногда с тарых версиях верстки можно встертить атрибут type для
обозначения типа нумерации(римские, арабские числа). Сейчас это делаеться с помощью CSS-->
<li>первый пункт</li><!--каждый пункт из списка-->
<li>второй пункт</li>
<li>третий пункт</li>
</ol>
<p> Тут представлен неупорядоченный список</p>
<ul>
<li>первый пункт</li><!--каждый пункт из списка-->
<li>второй пункт</li>
<li>третий пункт</li>
</ul>
<dl>
<dt> Саша</dt><!--вводит обозначение-->
<dd> Очень добрая, и хорошая подруга</dd><!--вводит определение-->
<dt> Женя</dt>
<dd> Раньше дружили, сейчас неочень</dd>
</dl>
<p>Далее представлен вложенный список</p>
<ul>
<li>Пункт 1
<ol>
<li>подпункт1</li>
<li>подпункт2</li>
</ol>
</li>
</ul>
<h2>Ссылки</h2>
<p><a href="../mainpage.html">На главную</a></p><!--Сыылка на файл в родительской папке, если прародительскую нужно,
то добавляеться ../ -->
<p><a href="#underlist">Наверх</a></p>
</body>
</html>
если что это я в учебных целях пишу, а не реальный сайт)