Как сделать сайт с использованием HTML
Создание веб-сайта начинается с базовых знаний в области веб-разработки. Одним из самых важных языков разметки, который необходим для создания сайтов, является HTML (HyperText Markup Language). В этой статье мы рассмотрим основные шаги по созданию простого веб-сайта с нуля.
Что такое HTML?
HTML — это язык разметки, используемый для структурирования и представления содержимого на веб-страницах. Элементы HTML — это строительные блоки для веб-страниц.
Подготовка рабочего окружения
Прежде чем начать, вам нужно установить текстовый редактор. Один из популярных бесплатных вариантов - Notepad++ для Windows или Sublime Text для всех платформ.
```sh
Установите текстовый редактор на вашем компьютере.
```
Основные HTML-теги
Основой любой HTML-страницы является документ, определенный тегом ``, за которым следует корневой элемент ``. Внутри этого элемента располагаются два других: `` и ``.
```html
Заголовок страницы
```
Тег </h2>Этот тег определяет заголовок страницы, который отображается во вкладке вашего браузера.<br><h2>Теги для структуры документа</h2>- `<header>`, `<nav>`, `<main>`, `<section>`, `<article>`, `<aside>`, и `<footer>` используются для структурирования содержимого в различных областях страницы.<br>- `<h2>` до `<h6>` - заголовки разного уровня, от самого крупного к меньшему.<br><h2>Основные теги элементов</h2>- Тег `<p>` используется для определения абзацев текста.<br>- Тег `<a>` позволяет создавать гиперссылки; его атрибут `href` содержит URL ссылки.<br>```html<br><a href="https://www.example.com">Ссылка</a><br>```<br><h2>Элементы форматирования</h2>- `<strong>` для жирного текста,<br>- `<em>` для курсивного текста.<br><h2>Работа с медиафайлами и таблицами</h2><br>Для встраивания изображений используется тег `<img>`, ассоциированный с URL через атрибут `src`. Видео можно добавлять, используя HTML5-теги `<video>` и аудиофайлы с помощью элементов `<audio>`.<br>```html<br><img src="путь/к/изображению.jpg" alt="Описание изображения"><br><video controls><br> <source src="видео.ogg" type="video/ogg"><br></video><br>```<br>Таблицы в HTML создаются через элементы таблицы, такие как `<table>`, `<tr>` (табличные строки), и ячейки (`td`) с заголовками (`th`).<br>```html<br><table border="1"><br> <tr><br> <th>Название 1</th><br> <th>Название 2</th><br> </tr><br> <tr><br> <td>Ячейка 1x1</td><br> <td>Ячейка 1x2</td><br> </tr><br> <tr><br> <td>Ячейка 2x1</td><br> <td>Ячейка 2x2</td><br> </tr><br></table><br>```<br><h2>Подключение CSS и JavaScript</h2><br>CSS (Cascading Style Sheets) используется для стилизации элементов на странице, а JS - для внедрения интерактивности. Для использования внутренних CSS-стили размещаются внутри тега `<style>`, в теле документа, а скрипты — через элемент `<script>`.<br>```html<br><head><br> <style><br> body {<br> font-family: Arial;<br> background-color: lightblue;<br> }<br> </style><br></head><br><body><br><script><br>// Простой пример JavaScript кода.<br>document.write("Привет, мир!");<br></script><br></body><br>```<br><h2>Публикация вашего сайта</h2><br>Когда сайт будет завершен, необходимо разместить его на веб-сервере. Существует множество платных и бесплатных хостингов (например, GitHub Pages, InfinityFree и другие), которые позволят публиковать веб-сайты онлайн.<br>```sh<br>Загрузите ваши файлы HTML/JS/CSS на сервер.<br>```<br>Создание сайта с помощью HTML — это отличный способ начать работу в области веб-разработки, и даже базовые знания могут привести к созданию функциональных и привлекательных веб-страниц.<br><br></div><div class="popular">
<h2 style="margin-bottom: 1em; font-weight: bold;">Посмортите другие материалы в категории: Сделать сайт:</h2>
<div class="popularitem">
<a class="popularitemimg" href="/sdelat-sayt/notion-sayt-sdelat"><img src="/content/images/thumb/34b1c605-3b96-4205-8047-b6926e84a8f3.jpg" title="Notion сайт сделать" alt="Notion сайт сделать"/></a>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; top: 0.8em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/sdelat-sayt/notion-sayt-sdelat">Notion сайт сделать</a>
<div style="position: absolute; text-shadow: #000 0 0 0.5em; right: 2.5em; bottom: 0.5em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;">100</div>
<img style="position: absolute; right: 0.8em; bottom: 0.8em; font-size: 0.8em; font-weight: bold;" src="/templates/img/eye.png" width="20" height="20" title="просмотров" alt="просмотров"/>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/sdelat-sayt/notion-sayt-sdelat">28.12.2024</a>
</div>
<div class="popularitem">
<a class="popularitemimg" href="/sdelat-sayt/sdelat-knopku-telegram-na-sayt"><img src="/content/images/thumb/9f2b5bd2-1a73-4e11-bdcb-d59f135762da.jpg" title="Сделать кнопку телеграм на сайт" alt="Сделать кнопку телеграм на сайт"/></a>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; top: 0.8em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/sdelat-sayt/sdelat-knopku-telegram-na-sayt">Сделать кнопку телеграм на сайт</a>
<div style="position: absolute; text-shadow: #000 0 0 0.5em; right: 2.5em; bottom: 0.5em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;">93</div>
<img style="position: absolute; right: 0.8em; bottom: 0.8em; font-size: 0.8em; font-weight: bold;" src="/templates/img/eye.png" width="20" height="20" title="просмотров" alt="просмотров"/>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/sdelat-sayt/sdelat-knopku-telegram-na-sayt">27.12.2024</a>
</div>
<div class="popularitem">
<a class="popularitemimg" href="/sdelat-sayt/mojno-li-sdelat-besplatnyy-audit-sayta"><img src="/content/images/thumb/08860a05-4c5c-4000-bdfb-d533f48ee132.jpg" title="Можно ли сделать бесплатный аудит сайта" alt="Можно ли сделать бесплатный аудит сайта"/></a>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; top: 0.8em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/sdelat-sayt/mojno-li-sdelat-besplatnyy-audit-sayta">Можно ли сделать бесплатный аудит сайта</a>
<div style="position: absolute; text-shadow: #000 0 0 0.5em; right: 2.5em; bottom: 0.5em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;">88</div>
<img style="position: absolute; right: 0.8em; bottom: 0.8em; font-size: 0.8em; font-weight: bold;" src="/templates/img/eye.png" width="20" height="20" title="просмотров" alt="просмотров"/>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/sdelat-sayt/mojno-li-sdelat-besplatnyy-audit-sayta">27.12.2024</a>
</div>
<div class="popularitem">
<a class="popularitemimg" href="/sdelat-sayt/sdelay-pol-oficialnyy-sayt"><img src="/content/images/thumb/bfa6dc6e-15af-42ad-a7fb-283a91a0be15.jpg" title="Сделай пол официальный сайт" alt="Сделай пол официальный сайт"/></a>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; top: 0.8em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/sdelat-sayt/sdelay-pol-oficialnyy-sayt">Сделай пол официальный сайт</a>
<div style="position: absolute; text-shadow: #000 0 0 0.5em; right: 2.5em; bottom: 0.5em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;">88</div>
<img style="position: absolute; right: 0.8em; bottom: 0.8em; font-size: 0.8em; font-weight: bold;" src="/templates/img/eye.png" width="20" height="20" title="просмотров" alt="просмотров"/>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/sdelat-sayt/sdelay-pol-oficialnyy-sayt">27.12.2024</a>
</div>
<div class="popularitem">
<a class="popularitemimg" href="/sdelat-sayt/sayt-dlya-zakupok-sdelat"><img src="/content/images/thumb/20ef21e4-dbda-4048-bbff-17aefc1f106d.jpg" title="Сайт для закупок сделать" alt="Сайт для закупок сделать"/></a>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; top: 0.8em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/sdelat-sayt/sayt-dlya-zakupok-sdelat">Сайт для закупок сделать</a>
<div style="position: absolute; text-shadow: #000 0 0 0.5em; right: 2.5em; bottom: 0.5em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;">88</div>
<img style="position: absolute; right: 0.8em; bottom: 0.8em; font-size: 0.8em; font-weight: bold;" src="/templates/img/eye.png" width="20" height="20" title="просмотров" alt="просмотров"/>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/sdelat-sayt/sayt-dlya-zakupok-sdelat">27.12.2024</a>
</div>
<div class="popularitem">
<a class="popularitemimg" href="/sdelat-sayt/hostinger-ru-sdelat-svoy-sayt"><img src="/content/images/thumb/be675059-604d-4185-b23d-49b3835f2c2c.jpg" title="Хостингер ру сделать свой сайт" alt="Хостингер ру сделать свой сайт"/></a>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; top: 0.8em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/sdelat-sayt/hostinger-ru-sdelat-svoy-sayt">Хостингер ру сделать свой сайт</a>
<div style="position: absolute; text-shadow: #000 0 0 0.5em; right: 2.5em; bottom: 0.5em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;">88</div>
<img style="position: absolute; right: 0.8em; bottom: 0.8em; font-size: 0.8em; font-weight: bold;" src="/templates/img/eye.png" width="20" height="20" title="просмотров" alt="просмотров"/>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/sdelat-sayt/hostinger-ru-sdelat-svoy-sayt">28.12.2024</a>
</div>
<div class="popularitem">
<a class="popularitemimg" href="/sdelat-sayt/sdelat-avatarku-robloks-sayt"><img src="/content/images/thumb/dec21044-c4f3-43bc-8257-b838d4ee577f.jpg" title="Сделать аватарку роблокс сайт" alt="Сделать аватарку роблокс сайт"/></a>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; top: 0.8em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/sdelat-sayt/sdelat-avatarku-robloks-sayt">Сделать аватарку роблокс сайт</a>
<div style="position: absolute; text-shadow: #000 0 0 0.5em; right: 2.5em; bottom: 0.5em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;">86</div>
<img style="position: absolute; right: 0.8em; bottom: 0.8em; font-size: 0.8em; font-weight: bold;" src="/templates/img/eye.png" width="20" height="20" title="просмотров" alt="просмотров"/>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/sdelat-sayt/sdelat-avatarku-robloks-sayt">26.12.2024</a>
</div>
<div class="popularitem">
<a class="popularitemimg" href="/sdelat-sayt/sdelat-sayt-s-domenom-ru"><img src="/content/images/thumb/489ea4f5-e3d5-4ab1-9685-eaa84067c4e5.jpg" title="Сделать сайт с доменом ru" alt="Сделать сайт с доменом ru"/></a>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; top: 0.8em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/sdelat-sayt/sdelat-sayt-s-domenom-ru">Сделать сайт с доменом ru</a>
<div style="position: absolute; text-shadow: #000 0 0 0.5em; right: 2.5em; bottom: 0.5em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;">86</div>
<img style="position: absolute; right: 0.8em; bottom: 0.8em; font-size: 0.8em; font-weight: bold;" src="/templates/img/eye.png" width="20" height="20" title="просмотров" alt="просмотров"/>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/sdelat-sayt/sdelat-sayt-s-domenom-ru">21.12.2024</a>
</div>
<div class="popularitem">
<a class="popularitemimg" href="/sdelat-sayt/sayt-gde-mojno-sdelat-zvuk"><img src="/content/images/thumb/7ddc2978-abf6-40dd-b90e-03ea90e4cda5.jpg" title="Сайт где можно сделать звук" alt="Сайт где можно сделать звук"/></a>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; top: 0.8em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/sdelat-sayt/sayt-gde-mojno-sdelat-zvuk">Сайт где можно сделать звук</a>
<div style="position: absolute; text-shadow: #000 0 0 0.5em; right: 2.5em; bottom: 0.5em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;">85</div>
<img style="position: absolute; right: 0.8em; bottom: 0.8em; font-size: 0.8em; font-weight: bold;" src="/templates/img/eye.png" width="20" height="20" title="просмотров" alt="просмотров"/>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/sdelat-sayt/sayt-gde-mojno-sdelat-zvuk">27.12.2024</a>
</div>
</div>
</div>
<div id="pageright" class="pageright">
<div style="margin: 1em; font-size: 0.9em; line-height: 1.2em;">
Привет! Меня зовут Илья Федотов я веб-разработчик.<br><br>
Занимаюсь <b>разработкой сайтов</b>, CRM-Систем и веб-приложений более 12 лет. Разрабатываю <strong>веб-проекты</strong> любой сложности на PHP + JS
<img style="margin-top: 10px; margin-bottom: 10px; border-radius: 20px;" src="/content/my/fedotov.jpg" width="100%" height="auto" alt=""/>
<div style="text-align: center;">
Звоните:
<a style="font-weight: bold; font-size: 1.4em; display: block; margin-bottom: 0.5em;" href="tel:+79174373926">+7 917 43-73-926</a>
или пишите:
<a style="font-weight: bold; font-size: 1.4em; display: block;" href="https://wa.me/79174373926?text=%D0%9F%D1%80%D0%B8%D0%B2%D0%B5%D1%82!%20%F0%9F%91%8B%20%D0%9C%D0%B5%D0%BD%D1%8F%20%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%B5%D1%81%D1%83%D0%B5%D1%82...">WhatsApp</a>
</div>
<div class="popular2">
<h3 style="margin-bottom: 1em; font-weight: bold;">Самое читаемое:</h3>
<div class="popularitem2">
<a class="popularitemimg2" href="/dizayn-sayta/dizayn-okna-registracii-na-sayte-krasivyy"><img src="/content/images/thumb/fc036ca3-874f-48c7-b0b9-3d4527279ab5.jpg" title="Дизайн окна регистрации на сайте красивый" alt="Дизайн окна регистрации на сайте красивый"/></a>
<a style="position: absolute; left: 0.6em; top: 0.6em; font-size: 1em; line-height: 1em; font-weight: bold; color: #FFF; text-shadow: #000 0.1em 0.1em 0.2em" href="/dizayn-sayta/dizayn-okna-registracii-na-sayte-krasivyy">Дизайн окна регистрации на сайте красивый</a>
<div style="position: absolute; text-shadow: black 0.1em 0.1em 0.2em; right: 3em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;">263</div>
<img style="position: absolute; right: 0.8em; bottom: 0.8em; font-size: 0.8em; font-weight: bold;" src="/templates/img/eye.png" width="20" height="20" title="просмотров" alt="просмотров"/>
<a style="position: absolute; text-shadow: black 0.1em 0.1em 0.2em; left: 0.8em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/dizayn-sayta/dizayn-okna-registracii-na-sayte-krasivyy">29.01.2025</a>
</div>
<div class="popularitem2">
<a class="popularitemimg2" href="/dizayn-sayta/permskiy-tehnikum-dizayna-i-tehnologiy-sayt"><img src="/content/images/thumb/723cadb1-950e-4479-9394-d93685be30df.jpg" title="Пермский техникум дизайна и технологий сайт" alt="Пермский техникум дизайна и технологий сайт"/></a>
<a style="position: absolute; left: 0.6em; top: 0.6em; font-size: 1em; line-height: 1em; font-weight: bold; color: #FFF; text-shadow: #000 0.1em 0.1em 0.2em" href="/dizayn-sayta/permskiy-tehnikum-dizayna-i-tehnologiy-sayt">Пермский техникум дизайна и технологий сайт</a>
<div style="position: absolute; text-shadow: black 0.1em 0.1em 0.2em; right: 3em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;">254</div>
<img style="position: absolute; right: 0.8em; bottom: 0.8em; font-size: 0.8em; font-weight: bold;" src="/templates/img/eye.png" width="20" height="20" title="просмотров" alt="просмотров"/>
<a style="position: absolute; text-shadow: black 0.1em 0.1em 0.2em; left: 0.8em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/dizayn-sayta/permskiy-tehnikum-dizayna-i-tehnologiy-sayt">29.01.2025</a>
</div>
<div class="popularitem2">
<a class="popularitemimg2" href="/sozdanie-saytov/sozdanie-sayta-v-visual-studio-code"><img src="/content/images/thumb/d25f8f04-755c-4752-90b6-3da7a1386e65.jpg" title="Создание сайта в visual studio code" alt="Создание сайта в visual studio code"/></a>
<a style="position: absolute; left: 0.6em; top: 0.6em; font-size: 1em; line-height: 1em; font-weight: bold; color: #FFF; text-shadow: #000 0.1em 0.1em 0.2em" href="/sozdanie-saytov/sozdanie-sayta-v-visual-studio-code">Создание сайта в visual studio code</a>
<div style="position: absolute; text-shadow: black 0.1em 0.1em 0.2em; right: 3em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;">140</div>
<img style="position: absolute; right: 0.8em; bottom: 0.8em; font-size: 0.8em; font-weight: bold;" src="/templates/img/eye.png" width="20" height="20" title="просмотров" alt="просмотров"/>
<a style="position: absolute; text-shadow: black 0.1em 0.1em 0.2em; left: 0.8em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/sozdanie-saytov/sozdanie-sayta-v-visual-studio-code">08.12.2024</a>
</div>
<div class="popularitem2">
<a class="popularitemimg2" href="/dizayn-sayta/osenniy-dizayn-sayta"><img src="/content/images/thumb/7503971c-9ce2-4362-906c-4cba1cf126e5.jpg" title="Осенний дизайн сайта" alt="Осенний дизайн сайта"/></a>
<a style="position: absolute; left: 0.6em; top: 0.6em; font-size: 1em; line-height: 1em; font-weight: bold; color: #FFF; text-shadow: #000 0.1em 0.1em 0.2em" href="/dizayn-sayta/osenniy-dizayn-sayta">Осенний дизайн сайта</a>
<div style="position: absolute; text-shadow: black 0.1em 0.1em 0.2em; right: 3em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;">134</div>
<img style="position: absolute; right: 0.8em; bottom: 0.8em; font-size: 0.8em; font-weight: bold;" src="/templates/img/eye.png" width="20" height="20" title="просмотров" alt="просмотров"/>
<a style="position: absolute; text-shadow: black 0.1em 0.1em 0.2em; left: 0.8em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/dizayn-sayta/osenniy-dizayn-sayta">30.01.2025</a>
</div>
<div class="popularitem2">
<a class="popularitemimg2" href="/dizayn-sayta/gde-iskat-referensy-dlya-dizayna-sayta"><img src="/content/images/thumb/e9691714-0704-4f76-ba56-32615169da62.jpg" title="Где искать референсы для дизайна сайта" alt="Где искать референсы для дизайна сайта"/></a>
<a style="position: absolute; left: 0.6em; top: 0.6em; font-size: 1em; line-height: 1em; font-weight: bold; color: #FFF; text-shadow: #000 0.1em 0.1em 0.2em" href="/dizayn-sayta/gde-iskat-referensy-dlya-dizayna-sayta">Где искать референсы для дизайна сайта</a>
<div style="position: absolute; text-shadow: black 0.1em 0.1em 0.2em; right: 3em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;">124</div>
<img style="position: absolute; right: 0.8em; bottom: 0.8em; font-size: 0.8em; font-weight: bold;" src="/templates/img/eye.png" width="20" height="20" title="просмотров" alt="просмотров"/>
<a style="position: absolute; text-shadow: black 0.1em 0.1em 0.2em; left: 0.8em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/dizayn-sayta/gde-iskat-referensy-dlya-dizayna-sayta">29.01.2025</a>
</div>
</div>
</div></div>
</div>
<div class="pagebottom">
<div class="pagebottomc"><div class="copy">
<div class="copy_text"><p>ИП Федотов И.А - Создание сайтов, веб-проектов и веб-приложений. Все права сохранены.</p></div>
<div class="copy_caunter"><!--LiveInternet counter--><a href="https://www.liveinternet.ru/click" target="_blank"><img id="licnt3CBF" width="88" height="31" style="border:0" title="LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAIBTAA7" alt=""/></a><script>(function(d,s){d.getElementById("licnt3CBF").src= "https://counter.yadro.ru/hit?t16.1;r"+escape(d.referrer)+ ((typeof(s)=="undefined")?"":";s"+s.width+"*"+s.height+"*"+ (s.colorDepth?s.colorDepth:s.pixelDepth))+";u"+escape(d.URL)+ ";h"+escape(d.title.substring(0,150))+";"+Math.random()}) (document,screen)</script><!--/LiveInternet--></div>
</div></div>
</div>
<div style="width: 96%; background-color: #AF0002; position: fixed; bottom: 0px; padding-top: 1em; padding-bottom: 1em; padding-left: 2%; padding-right: 2%; font-size: 1em; color: #FFFFFF; text-align: center; z-index: 2000;">Продолжая, Вы принимаете нашу политику использования cookies. Мы используем файлы cookies для улучшения работы сайта. Чтобы узнать больше, ознакомьтесь с нашей <a style="color: #FFFFFF;text-decoration: underline; font-weight: bold;" target="_blank" href="/cookies/policy">политикой обработки персональных данных</a> далее "ПОПД".<div><a style="color: #FFFFFF; display: block; padding: 10px; border: 1px solid #FFFFFF; max-width: 400px; margin: 0 auto; margin-top: 1em; font-weight: bold; font-size: 1em; text-align: center;" href="/cookies">Хорошо, с ПОПД ознакомлен(а)</a></div></div><link href='/templates/css/style.css' media='all' rel='stylesheet' type='text/css'/>
</body>
</html>
