<!DOCTYPE html>
<html>
<head>
<title>Пример страницы с использованием HTML тегов</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Добро пожаловать на наш сайт!</h1>
<p>Это пример страницы, которая демонстрирует использование HTML тегов для оформления текста и структурирования контента.</p>
<h2>Структурирование контента</h2>
<h3>Заголовки</h3>
<p>Заголовки используются для выделения разделов.</p>
<h4>Пример заголовка 4 уровня</h4>
<h3>Списки</h3>
<p>В HTML есть два типа списков: неупорядоченные и упорядоченные.</p>
<ul>
<li>Элемент списка 1</li>
<li>Элемент списка 2</li>
<li>Элемент списка 3</li>
</ul>
<h2>Оформление текста</h2>
<h3>Выделение текста</h3>
<p>HTML предоставляет несколько тегов для выделения текста: <em>тег для курсива</em> и <strong>тег для жирного шрифта</strong>.</p>
<h3>Цитаты</h3>
<p>Для цитирования есть тег <q>.</p>
<q>Это пример цитаты.</q>
<h2>Ссылки</h2>
<h3>Внутренние ссылки</h3>
<p>В HTML можно создавать ссылки на другие страницы внутри сайта.</p>
<a href="about.html">О сайте</a>
<h3>Внешние ссылки</h3>
<p>В HTML также можно создавать ссылки на внешние сайты.</p>
<a href="http://example.com">Ссылка на example.com</a>
</body>
</html>