Создание веб сайта на языке HTML: Основы и Практические Советы HTML является одним из базовых языков разметки для создания веб-страниц. Он обеспечивает структуру контента, но не отвечает за его стилизацию или поведение. Для начала работы с HT

Илья Федотов веб-разработчик / создание сайтов / создание веб сайта на языке html

11.11.2024

70 просмотров

Основы HTML

Прежде всего, давайте рассмотрим основные элементы HTML-документа:
1. Тег `` - определяет версию HTML и режимы совместимости браузера.
2. Тег `...` - корневой элемент всего документа, содержит всю структуру страницы.
3. Теги `...` - содержат метаинформацию о документе, такую как заголовок страницы (``), стили (`<style>`) и ссылки на внешние стилевые файлы (`<link rel="stylesheet">`).<br>4. <strong>Тег `<body>...</body>`</strong> - содержит основное содержимое веб-страницы, которое отображается пользователю.<br><h2>Основные элементы разметки</h2>Для структурирования контента используются различные теги:<br>- <strong>Заголовки (`<h2>...</h2>` до `<h6>...</h6>`)</strong> - для создания заголовков различного уровня.<br>- <strong>Параграфы (`<p>...</p>`)</strong> - для разделения текста на абзацы.<br>- <strong>Списки (`<ul>...</ul>`, `<ol>...</ol>`, `<li>...</li>`)</strong> - не упорядоченные и упорядоченные списки соответственно, элемент списка обозначается тегом `<li>`.<br>- <strong>Ссылки (`<a href="URL">Текст ссылки</a>`)</strong> - для создания гиперссылок на другие веб-страницы или элементы страницы.<br><h2>Работа с изображениями и мультимедиа</h2>Чтобы вставить изображение, используется тег `<img src="путь_к_изображению" alt="альтернативный текст">`. Альтернативный текст необходим для доступности веб-страницы на случай, если изображение не загрузится.<br>Для видеоконтента используйте тег `<video>`, а для аудио - тег `<audio>`. Оба тега поддерживают атрибуты `controls` (для управления воспроизведением), `src` (путь к файлу) и могут иметь элементы `<source>` с указанием различных форматов мультимедиа.<br><h2>Таблицы</h2>Таблицы создаются с помощью тегов `<table>`, `<tr>`, `<td>`, и `<th>`. Элемент `<table>` содержит строки (`<tr>`), которые, в свою очередь, содержат ячейки данных (`<td>`) или заголовков (`<th>`).<br><h2>Формы</h2>Формы на веб-страницах создаются с использованием тега `<form>`, который может включать различные элементы управления, такие как текстовые поля (`<input type="text">`), кнопки (`<button>`), выпадающие списки (`<select>`) и флажки/радиокнопки (`<input type="checkbox" />` или `<input type="radio">`).<br><h2>Применение атрибутов</h2>В HTML теги могут иметь атрибуты, которые передают дополнительную информацию. Например:<br>- Атрибут `class` позволяет группировать элементы по их классам для применения стилей.<br>- Атрибут `id` уникально идентифицирует элемент на странице.<br><h2>Валидация HTML</h2>Валидация HTML-документов помогает убедиться в его корректности и соответствии стандартам. Используйте онлайн валидаторы для проверки ваших документов.<br><h2>Советы по оптимизации и лучшим практикам</h2>- Используйте семантическую разметку (`<header>`, `<footer>`, `<article>`, `<section>`).<br>- Обеспечьте доступность веб-страницы, используя атрибуты `alt` для изображений и элементы ARIA.<br>- Следите за валидностью кода.<br>HTML предоставляет фундаментальные возможности для создания структуры веб-контента. С помощью этого языка можно создавать качественные и доступные веб-сайты, которые будут хорошо восприниматься как пользователями, так и поисковыми системами.<br><strong>keywords</strong>: HTML, создание сайтов, веб разработка, разметка, элементы HTML<br><strong>description</strong>: Статья посвящена основам создания веб-сайта с использованием языка разметки HTML. Объясняются основные теги и атрибуты, предоставляются практические советы по оптимизации и валидации кода для разработчиков.</div><div class="popular"> <h2 style="margin-bottom: 1em; font-weight: bold;">Посмортите другие материалы в категории: Создание сайтов:</h2> <div class="popularitem"> <a class="popularitemimg" 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; text-shadow: #000 0 0 0.5em; left: 0.8em; top: 0.8em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/sozdanie-saytov/sozdanie-sayta-v-visual-studio-code">Создание сайта в visual studio code</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;">129</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="/sozdanie-saytov/sozdanie-sayta-v-visual-studio-code">08.12.2024</a> </div> <div class="popularitem"> <a class="popularitemimg" href="/sozdanie-saytov/sozdanie-sayta-html-css-js"><img src="/content/images/thumb/d7e600fe-81bf-4a78-b860-08da873471c0.jpg" title="Создание сайта html css js" alt="Создание сайта html css js"/></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="/sozdanie-saytov/sozdanie-sayta-html-css-js">Создание сайта html css js</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;">109</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="/sozdanie-saytov/sozdanie-sayta-html-css-js">05.12.2024</a> </div> <div class="popularitem"> <a class="popularitemimg" href="/sozdanie-saytov/sozdanie-besplatnyh-saytov-umi"><img src="/content/images/thumb/7b059505-b31d-4503-af1c-9ae5d5d11810.jpg" title="Создание бесплатных сайтов umi" alt="Создание бесплатных сайтов umi"/></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="/sozdanie-saytov/sozdanie-besplatnyh-saytov-umi">Создание бесплатных сайтов umi</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;">103</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="/sozdanie-saytov/sozdanie-besplatnyh-saytov-umi">05.12.2024</a> </div> <div class="popularitem"> <a class="popularitemimg" href="/sozdanie-saytov/sozdanie-sayta-js"><img src="/content/images/thumb/be3facfd-2f9b-4005-8adb-5edcde7c6863.jpg" title="Создание сайта js" alt="Создание сайта js"/></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="/sozdanie-saytov/sozdanie-sayta-js">Создание сайта js</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;">99</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="/sozdanie-saytov/sozdanie-sayta-js">29.11.2024</a> </div> <div class="popularitem"> <a class="popularitemimg" href="/sozdanie-saytov/sozdanie-sayta-html-js"><img src="/content/images/thumb/2e8c47ee-52c4-4fba-846e-df16c85cf2b2.jpg" title="Создание сайта html js" alt="Создание сайта html js"/></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="/sozdanie-saytov/sozdanie-sayta-html-js">Создание сайта html js</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;">98</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="/sozdanie-saytov/sozdanie-sayta-html-js">04.12.2024</a> </div> <div class="popularitem"> <a class="popularitemimg" href="/sozdanie-saytov/mottor-sozdanie-sayta"><img src="/content/images/thumb/7224148e-e20c-4565-a808-ddfaabbb74e3.jpg" title="Mottor создание сайта" alt="Mottor создание сайта"/></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="/sozdanie-saytov/mottor-sozdanie-sayta">Mottor создание сайта</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;">94</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="/sozdanie-saytov/mottor-sozdanie-sayta">09.12.2024</a> </div> <div class="popularitem"> <a class="popularitemimg" href="/sozdanie-saytov/sozdanie-saytov-taplink"><img src="/content/images/thumb/a0ec03f1-80a1-4101-bae0-b5f316d98830.jpg" title="Создание сайтов taplink" alt="Создание сайтов taplink"/></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="/sozdanie-saytov/sozdanie-saytov-taplink">Создание сайтов taplink</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;">90</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="/sozdanie-saytov/sozdanie-saytov-taplink">09.12.2024</a> </div> <div class="popularitem"> <a class="popularitemimg" href="/sozdanie-saytov/sozdanie-sayta-nko"><img src="/content/images/thumb/70c4c5e5-55cf-48ad-a9fb-9f4d7e4cc7a3.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="/sozdanie-saytov/sozdanie-sayta-nko">Создание сайта нко</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;">89</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="/sozdanie-saytov/sozdanie-sayta-nko">09.12.2024</a> </div> <div class="popularitem"> <a class="popularitemimg" href="/sozdanie-saytov/plyusy-i-minusy-tekstovogo-sozdaniya-saytov"><img src="/content/images/thumb/9943a776-eebf-4278-9a2e-9874c188a98d.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="/sozdanie-saytov/plyusy-i-minusy-tekstovogo-sozdaniya-saytov">Плюсы и минусы текстового создания сайтов</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="/sozdanie-saytov/plyusy-i-minusy-tekstovogo-sozdaniya-saytov">09.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;">250</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;">237</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="/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;">130</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="/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;">129</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="/razrabotka-saytov/razrabotka-saytov-html-css-js"><img src="/content/images/thumb/b2fad8f6-1f0b-4c07-86e0-406764ea6219.jpg" title="Разработка сайтов html css js" alt="Разработка сайтов html css js"/></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="/razrabotka-saytov/razrabotka-saytov-html-css-js">Разработка сайтов html css js</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;">119</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="/razrabotka-saytov/razrabotka-saytov-html-css-js">08.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"><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></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>