Во саду ли в огороде » Новости

Что такое HTML и как его использовать — простыми словами и понятными примерами описываем основы HTML-разметки

Опубликовано

HTML — это язык разметки, который используется для создания веб-страниц. Он состоит из серии тегов, которые определяют структуру и содержание страницы. HTML теги являются строительными блоками веб-страницы и используются для обозначения заголовков, параграфов, списков, ссылок, изображений и других элементов, которые могут быть включены в страницу.

Теги HTML отображаются в браузере как отформатированный текст или изображение. Они позволяют определить, как будет выглядеть содержимое веб-страницы, какие элементы будут отображаться в заголовках, абзацах, списках, какие изображения будут использоваться и т. д.

HTML язык очень прост для изучения и понимания. Он не требует знания программирования или сложной логики. Даже новичок может создать свою первую веб-страницу с использованием HTML тегов. Учить HTML — значит освоить основы веб-разработки и получить возможность создавать и изменять веб-страницы самостоятельно.

Содержание
  1. HTML — язык разметки
  2. Описание HTML
  3. Основные элементы HTML
  4. Основные элементы HTML
  5. Тэги HTML
  6. Атрибуты HTML
  7. 🔍 Видео

Видео:ЯЗЫК РАЗМЕТКИ HTML ЗА 40 МИНУТ ДЛЯ НАЧИНАЮЩИХ. ВСЕ ТЕГИ ВКЛЮЧЕНЫ.Скачать

ЯЗЫК РАЗМЕТКИ HTML ЗА 40 МИНУТ ДЛЯ НАЧИНАЮЩИХ. ВСЕ ТЕГИ ВКЛЮЧЕНЫ.

HTML — язык разметки

HTML позволяет создавать гипертекстовые документы, которые могут содержать текст, изображения, ссылки, таблицы, формы и другие элементы. Браузеры интерпретируют HTML-код и отображают его на экране в виде веб-страницы.

Главной особенностью HTML является то, что он предоставляет структуру и семантику для содержимого веб-страницы. Он определяет заголовки, параграфы, списки, таблицы и другие элементы, которые помогают организовать и представить информацию на странице.

Для создания веб-страницы на HTML-языке необходимо написать код с использованием тегов. Теги — это специальные метки, которые заключают содержимое и определяют его тип и значение. Каждый тег имеет свое назначение и свойство.

HTML-код выглядит как последовательность открывающих и закрывающих тегов, которые обрамляют текст, изображения или другой контент. Например, <p> используется для определения абзаца, <img> — для вставки изображения, <a> — для создания ссылки и так далее.

Каждый элемент в HTML может иметь различные атрибуты, которые определяют его свойства или особенности. Например, атрибут src задает URL-адрес изображения, атрибут href задает адрес ссылки.

HTML является основой для создания веб-страниц и широко используется веб-разработчиками для создания структурированного и доступного контента в интернете. Понимание HTML важно для тех, кто хочет создавать и модифицировать веб-страницы.

Описание HTML

HTML использует набор тегов для определения структуры и визуального отображения содержимого веб-страницы. Теги состоят из угловых скобок и указываются с помощью угловых скобок «<" и ">«. Некоторые теги имеют открывающие и закрывающие теги, которые обрамляют содержимое между ними.

Структура HTML документа состоит из следующих основных элементов:

  • — объявление типа документа и версии HTML
  • </strong> — заголовок документа</li></ul><p>Основные элементы HTML включают в себя заголовки, абзацы, списки, ссылки, изображения, таблицы и формы. Заголовки используются для определения уровня заголовка и организации содержимого в структурированный вид. Абзацы используются для разделения текста на абзацы и обозначения начала нового абзаца.</p><p>Списки могут быть упорядоченными (</p><ol>) или неупорядоченными (</p><ul>), и они используются для создания списков элементов. Ссылки (<a>) используются для создания гиперссылок на другие веб-страницы или документы. Изображения (<img>) используются для вставки изображений в веб-страницы. Таблицы (</p><table>) используются для представления данных в виде таблицы. Формы (</p><form>) используются для создания интерактивных элементов, таких как текстовые поля, кнопки и выпадающие списки.</p><p>Также HTML поддерживает использование тегов и атрибутов для управления внешним видом и поведением элементов на веб-странице. Теги и атрибуты предоставляют дополнительные возможности для настройки и стилизации веб-страниц.</p><h3 id="osnovnye-elementy-html">Основные элементы HTML</h3><p>HTML представляет собой язык разметки, который используется для создания веб-страниц.</p><p>Основные элементы, используемые в HTML, включают:</p><table><tr><th>Элемент</th><th>Описание</th></tr><tr><td><html></td><td>Корневой элемент HTML документа, обозначает начало и конец HTML кода.</td></tr><tr><td><head></td><td>Элемент заголовка документа. В нём содержатся метаданные, такие как заголовок страницы, стили, сценарии и другие важные данные, невидимые для пользователя.</td></tr><tr><td><title></td><td>Элемент заголовка документа, определяет заголовок страницы, который отображается в строке заголовка браузера или на вкладке страницы.</td></tr><tr><td><body></td><td>Основной контент страницы, отобрзается в браузере.</td></tr><tr><td><h1> — <h6></td><td>Заголовки разных уровней. <h1> — самый высокий уровень, <h6> — самый низкий уровень.</td></tr><tr><td><p></td><td>Параграф текста.</td></tr><tr><td><a></td><td>Гиперссылка, позволяющая создавать ссылки на другие веб-страницы или внутренние якоря.</td></tr><tr><td><img></td><td>Элемент для отображения изображений на веб-странице.</td></tr><tr><td><ul></td><td>Неупорядоченный список. Используется для создания списков, в которых порядок элементов не важен.</td></tr><tr><td><ol></td><td>Упорядоченный список. Используется для создания списков, в которых порядок элементов важен.</td></tr><tr><td><li></td><td>Элемент списка, содержит один элемент списка внутри <ul> или <ol>.</td></tr><tr><td><table></td><td>Таблица для отображения данных в виде строк и столбцов.</td></tr><tr><td><tr></td><td>Строка таблицы.</td></tr><tr><td><td></td><td>Ячейка таблицы.</td></tr></table><p>Это лишь некоторые элементы, которые можно использовать в HTML. HTML предлагает много возможностей для создания различных структур и элементов на веб-странице, которые помогают организовывать и форматировать контент. Зная основные элементы HTML, вы можете создавать красивые, удобные и понятные веб-страницы.</p><div class="ytb"><div class="ytb__item" data-id="NGpZWUhhVHdXdlk=" itemprop="video" itemscope itemtype="https://schema.org/VideoObject"><p class="ytb__title"><span class="ytb__title_label"><span>Видео:</span></span><span itemprop="name">Учим Html за 35 минут для начинающих от 10 лет (Основы) + Мотивация для разработчиков #ДомаВместе</span><a class="ytb__dwn" href="" data-ytdwn="4jYYHaTwWvY" target="_blank" rel="nofollow noopener">Скачать</a></p><meta itemprop="description" content="Учим Html за 35 минут для начинающих от 10 ле..." /><div class="ytb__image" itemprop="thumbnail" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="width" content="480"><meta itemprop="height" content="360"><img height="360" width="480" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20480%20360'%3E%3C/svg%3E" alt="Учим Html за 35 минут для начинающих от 10 лет (Основы) + Мотивация для разработчиков #ДомаВместе" itemprop="contentUrl" data-lazy-src="https://i.ytimg.com/vi/4jYYHaTwWvY/0.jpg" /><noscript><img height="360" width="480" src="https://i.ytimg.com/vi/4jYYHaTwWvY/0.jpg" alt="Учим Html за 35 минут для начинающих от 10 лет (Основы) + Мотивация для разработчиков #ДомаВместе" itemprop="contentUrl" /></noscript></div><meta itemprop="thumbnailUrl" content="https://i.ytimg.com/vi/4jYYHaTwWvY/0.jpg" /><meta itemprop="contentUrl" content="https://i.ytimg.com/vi/4jYYHaTwWvY/0.jpg" /><meta itemprop="uploadDate" content="2024-03-03T07:00:00+00:00" /><meta itemprop="isFamilyFriendly" content="False" /></div></div><h2 id="osnovnye-elementy-html-2">Основные элементы HTML</h2><p>Основные элементы HTML включают в себя:</p><ul><li><strong>Заголовки:</strong> используются для создания заголовков различного уровня и отображения текста с разным размером и важностью.</li><li><strong>Параграфы:</strong> используются для разделения текста на абзацы и создания структуры и читаемости страницы.</li><li><strong>Ссылки:</strong> используются для создания кликабельных ссылок, которые позволяют переходить по разным страницам и ресурсам в интернете.</li><li><strong>Изображения:</strong> используются для вставки и отображения графических файлов на веб-странице.</li><li><strong>Списки:</strong> используются для создания упорядоченных (нумерованных) или неупорядоченных (маркированных) списков.</li><li><strong>Таблицы:</strong> используются для представления и структурирования табличных данных на веб-странице.</li><li><strong>Формы:</strong> используются для создания интерактивных элементов, таких как поля ввода, кнопки отправки и переключатели.</li><li><strong>Видео и аудио:</strong> используются для вставки и воспроизведения видео или аудио контента на веб-странице.</li><li><strong>Контейнеры:</strong> такие как<div> и <span> используются для создания блочных и строчных контейнеров с целью организации и стилизации содержимого.</li></ul><p>Это лишь некоторые из основных элементов HTML, которые являются фундаментальными для создания веб-страницы. Комбинируя эти элементы и применяя различные атрибуты и стили, можно создавать уникальные и красивые веб-страницы.</p><h3 id="tegi-html">Тэги HTML</h3><p>Тэги начинаются с символа «<" и заканчиваются символом ">«. Большинство тегов имеют открывающую и закрывающую часть, между которыми располагается контент.</p><p>Например, тег <strong> используется для выделения текста жирным шрифтом. Чтобы открыть тег <strong>, нужно написать «<strong>«, а для его закрытия — «</strong>«.</p><p>Весь контент, который находится между открывающим и закрывающим тегом <strong>, будет отображаться жирным шрифтом.</p><p>Тег <em> используется для выделения текста курсивом. Открытие и закрытие тега <em> происходит аналогично тегу <strong>. Весь контент между этими тегами будет отображаться курсивом.</p><p>На сайте W3Schools можно найти подробный список всех тегов HTML и их описания. Там также доступны примеры использования каждого тега, что поможет понять, как и где применять каждый из них.</p><p>Использование тегов HTML позволяет разработчику создавать и форматировать веб-страницы так, чтобы они выглядели так, как задумано. Важно правильно использовать каждый тег и учитывать их вложенность, чтобы получить нужный результат.</p><h3 id="atributy-html">Атрибуты HTML</h3><p>Атрибуты HTML предоставляют возможности для более гибкого управления и настройки элементов. Их использование позволяет устанавливать различные свойства элементов, такие как цвет фона, ширина, высота, ссылки на другие ресурсы и другие параметры.</p><p>Примеры некоторых атрибутов HTML:</p><p>— <code>class</code> — задает один или несколько классов элемента для стилизации с помощью CSS.</p><p>— <code>id</code> — задает уникальный идентификатор элемента, который может использоваться для дальнейшего изменения элемента с помощью скриптов.</p><p>— <code>src</code> — указывает путь к изображению или другому мультимедийному файлу, который должен быть вставлен в элемент.</p><p>— <code>href</code> — определяет URL-адрес ссылки, на который будет переходить пользователь при ее нажатии.</p><p>— <code>alt</code> — задает альтернативный текст, который будет отображаться, если изображение не может быть загружено.</p><p>— <code>disabled</code> — делает элемент неактивным и предотвращает его взаимодействие с пользователем.</p><p>— <code>style</code> — позволяет задавать инлайновые стили для элемента.</p><p>Атрибуты HTML являются важным инструментом в разработке веб-страниц. Использование правильных атрибутов позволяет создать удобные и функциональные сайты с индивидуальным стилем и поведением элементов.</p><h2 class="_ytb ytb-h-other-videos" id="video">🔍 Видео</h2><div class="ytb"><div class="ytb__item" data-id="TUJlMWg4MGdoS0E=" itemprop="video" itemscope itemtype="https://schema.org/VideoObject"><p class="ytb__title"><span class="ytb__title_label"></span><span itemprop="name">Что такое HTML за 7 минут</span><a class="ytb__dwn" href="" data-ytdwn="MBe1h80ghKA" target="_blank" rel="nofollow noopener">Скачать</a></p><meta itemprop="description" content="Что такое HTML за 7 минут..." /><div class="ytb__image" itemprop="thumbnail" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="width" content="480"><meta itemprop="height" content="360"><img height="360" width="480" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20480%20360'%3E%3C/svg%3E" alt="Что такое HTML за 7 минут" itemprop="contentUrl" data-lazy-src="https://i.ytimg.com/vi/MBe1h80ghKA/0.jpg" /><noscript><img height="360" width="480" src="https://i.ytimg.com/vi/MBe1h80ghKA/0.jpg" alt="Что такое HTML за 7 минут" itemprop="contentUrl" /></noscript></div><meta itemprop="thumbnailUrl" content="https://i.ytimg.com/vi/MBe1h80ghKA/0.jpg" /><meta itemprop="contentUrl" content="https://i.ytimg.com/vi/MBe1h80ghKA/0.jpg" /><meta itemprop="uploadDate" content="2024-03-04T07:00:00+00:00" /><meta itemprop="isFamilyFriendly" content="False" /></div></div><div class="ytb"><div class="ytb__item" data-id="dXBvLTZkUDEyNjg=" itemprop="video" itemscope itemtype="https://schema.org/VideoObject"><p class="ytb__title"><span class="ytb__title_label"></span><span itemprop="name">HTML и CSS: что это, где их используют + примеры кода</span><a class="ytb__dwn" href="" data-ytdwn="upo-6dP1268" target="_blank" rel="nofollow noopener">Скачать</a></p><meta itemprop="description" content="HTML и CSS: что это, где их используют + прим..." /><div class="ytb__image" itemprop="thumbnail" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="width" content="480"><meta itemprop="height" content="360"><img height="360" width="480" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20480%20360'%3E%3C/svg%3E" alt="HTML и CSS: что это, где их используют + примеры кода" itemprop="contentUrl" data-lazy-src="https://i.ytimg.com/vi/upo-6dP1268/0.jpg" /><noscript><img height="360" width="480" src="https://i.ytimg.com/vi/upo-6dP1268/0.jpg" alt="HTML и CSS: что это, где их используют + примеры кода" itemprop="contentUrl" /></noscript></div><meta itemprop="thumbnailUrl" content="https://i.ytimg.com/vi/upo-6dP1268/0.jpg" /><meta itemprop="contentUrl" content="https://i.ytimg.com/vi/upo-6dP1268/0.jpg" /><meta itemprop="uploadDate" content="2024-03-05T07:00:00+00:00" /><meta itemprop="isFamilyFriendly" content="False" /></div></div><div class="ytb"><div class="ytb__item" data-id="XzduT0JxQ2Y1TnM=" itemprop="video" itemscope itemtype="https://schema.org/VideoObject"><p class="ytb__title"><span class="ytb__title_label"></span><span itemprop="name">HTML для начинающих 2021 / Разметка текста</span><a class="ytb__dwn" href="" data-ytdwn="_7nOBqCf5Ns" target="_blank" rel="nofollow noopener">Скачать</a></p><meta itemprop="description" content="HTML для начинающих 2021 / Разметка текста..." /><div class="ytb__image" itemprop="thumbnail" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="width" content="480"><meta itemprop="height" content="360"><img height="360" width="480" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20480%20360'%3E%3C/svg%3E" alt="HTML для начинающих 2021 / Разметка текста" itemprop="contentUrl" data-lazy-src="https://i.ytimg.com/vi/_7nOBqCf5Ns/0.jpg" /><noscript><img height="360" width="480" src="https://i.ytimg.com/vi/_7nOBqCf5Ns/0.jpg" alt="HTML для начинающих 2021 / Разметка текста" itemprop="contentUrl" /></noscript></div><meta itemprop="thumbnailUrl" content="https://i.ytimg.com/vi/_7nOBqCf5Ns/0.jpg" /><meta itemprop="contentUrl" content="https://i.ytimg.com/vi/_7nOBqCf5Ns/0.jpg" /><meta itemprop="uploadDate" content="2024-03-05T07:00:00+00:00" /><meta itemprop="isFamilyFriendly" content="False" /></div></div><div class="ytb"><div class="ytb__item" data-id="Z05jbENveHlJZjg=" itemprop="video" itemscope itemtype="https://schema.org/VideoObject"><p class="ytb__title"><span class="ytb__title_label"></span><span itemprop="name">Что такое HTML?</span><a class="ytb__dwn" href="" data-ytdwn="gNclCoxyIf8" target="_blank" rel="nofollow noopener">Скачать</a></p><meta itemprop="description" content="Что такое HTML?..." /><div class="ytb__image" itemprop="thumbnail" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="width" content="480"><meta itemprop="height" content="360"><img height="360" width="480" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20480%20360'%3E%3C/svg%3E" alt="Что такое HTML?" itemprop="contentUrl" data-lazy-src="https://i.ytimg.com/vi/gNclCoxyIf8/0.jpg" /><noscript><img height="360" width="480" src="https://i.ytimg.com/vi/gNclCoxyIf8/0.jpg" alt="Что такое HTML?" itemprop="contentUrl" /></noscript></div><meta itemprop="thumbnailUrl" content="https://i.ytimg.com/vi/gNclCoxyIf8/0.jpg" /><meta itemprop="contentUrl" content="https://i.ytimg.com/vi/gNclCoxyIf8/0.jpg" /><meta itemprop="uploadDate" content="2024-03-05T07:00:00+00:00" /><meta itemprop="isFamilyFriendly" content="False" /></div></div><div class="ytb"><div class="ytb__item" data-id="U0tSeWRTQTJiWUE=" itemprop="video" itemscope itemtype="https://schema.org/VideoObject"><p class="ytb__title"><span class="ytb__title_label"></span><span itemprop="name">Основы HTML для Начинающих (в 2024)</span><a class="ytb__dwn" href="" data-ytdwn="SKRydSA2bYA" target="_blank" rel="nofollow noopener">Скачать</a></p><meta itemprop="description" content="Основы HTML для Начинающих (в 2024)..." /><div class="ytb__image" itemprop="thumbnail" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="width" content="480"><meta itemprop="height" content="360"><img height="360" width="480" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20480%20360'%3E%3C/svg%3E" alt="Основы HTML для Начинающих (в 2024)" itemprop="contentUrl" data-lazy-src="https://i.ytimg.com/vi/SKRydSA2bYA/0.jpg" /><noscript><img height="360" width="480" src="https://i.ytimg.com/vi/SKRydSA2bYA/0.jpg" alt="Основы HTML для Начинающих (в 2024)" itemprop="contentUrl" /></noscript></div><meta itemprop="thumbnailUrl" content="https://i.ytimg.com/vi/SKRydSA2bYA/0.jpg" /><meta itemprop="contentUrl" content="https://i.ytimg.com/vi/SKRydSA2bYA/0.jpg" /><meta itemprop="uploadDate" content="2024-03-04T07:00:00+00:00" /><meta itemprop="isFamilyFriendly" content="False" /></div></div><div class="ytb"><div class="ytb__item" data-id="SW5TZW5MT0t0U1E=" itemprop="video" itemscope itemtype="https://schema.org/VideoObject"><p class="ytb__title"><span class="ytb__title_label"></span><span itemprop="name">Как выучить HTML & CSS? Самый аху##### способ!</span><a class="ytb__dwn" href="" data-ytdwn="InSenLOKtSQ" target="_blank" rel="nofollow noopener">Скачать</a></p><meta itemprop="description" content="Как выучить HTML &amp; CSS? Самый аху##### сп..." /><div class="ytb__image" itemprop="thumbnail" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="width" content="480"><meta itemprop="height" content="360"><img height="360" width="480" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20480%20360'%3E%3C/svg%3E" alt="Как выучить HTML & CSS? Самый аху##### способ!" itemprop="contentUrl" data-lazy-src="https://i.ytimg.com/vi/InSenLOKtSQ/0.jpg" /><noscript><img height="360" width="480" src="https://i.ytimg.com/vi/InSenLOKtSQ/0.jpg" alt="Как выучить HTML & CSS? Самый аху##### способ!" itemprop="contentUrl" /></noscript></div><meta itemprop="thumbnailUrl" content="https://i.ytimg.com/vi/InSenLOKtSQ/0.jpg" /><meta itemprop="contentUrl" content="https://i.ytimg.com/vi/InSenLOKtSQ/0.jpg" /><meta itemprop="uploadDate" content="2024-03-04T07:00:00+00:00" /><meta itemprop="isFamilyFriendly" content="False" /></div></div><div class="ytb"><div class="ytb__item" data-id="X0o2aE1Mc3NjT28=" itemprop="video" itemscope itemtype="https://schema.org/VideoObject"><p class="ytb__title"><span class="ytb__title_label"></span><span itemprop="name">Основы HTML5. Полный курс</span><a class="ytb__dwn" href="" data-ytdwn="_J6hMLsscOo" target="_blank" rel="nofollow noopener">Скачать</a></p><meta itemprop="description" content="Основы HTML5. Полный курс..." /><div class="ytb__image" itemprop="thumbnail" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="width" content="480"><meta itemprop="height" content="360"><img height="360" width="480" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20480%20360'%3E%3C/svg%3E" alt="Основы HTML5. Полный курс" itemprop="contentUrl" data-lazy-src="https://i.ytimg.com/vi/_J6hMLsscOo/0.jpg" /><noscript><img height="360" width="480" src="https://i.ytimg.com/vi/_J6hMLsscOo/0.jpg" alt="Основы HTML5. Полный курс" itemprop="contentUrl" /></noscript></div><meta itemprop="thumbnailUrl" content="https://i.ytimg.com/vi/_J6hMLsscOo/0.jpg" /><meta itemprop="contentUrl" content="https://i.ytimg.com/vi/_J6hMLsscOo/0.jpg" /><meta itemprop="uploadDate" content="2024-03-04T07:00:00+00:00" /><meta itemprop="isFamilyFriendly" content="False" /></div></div><div class="ytb"><div class="ytb__item" data-id="YldObUpxZ3JpNFE=" itemprop="video" itemscope itemtype="https://schema.org/VideoObject"><p class="ytb__title"><span class="ytb__title_label"></span><span itemprop="name">Учим HTML за 1 час! #От Профессионала | HD Remake</span><a class="ytb__dwn" href="" data-ytdwn="bWNmJqgri4Q" target="_blank" rel="nofollow noopener">Скачать</a></p><meta itemprop="description" content="Учим HTML за 1 час! #От Профессионала | HD Re..." /><div class="ytb__image" itemprop="thumbnail" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="width" content="480"><meta itemprop="height" content="360"><img height="360" width="480" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20480%20360'%3E%3C/svg%3E" alt="Учим HTML за 1 час! #От Профессионала | HD Remake" itemprop="contentUrl" data-lazy-src="https://i.ytimg.com/vi/bWNmJqgri4Q/0.jpg" /><noscript><img height="360" width="480" src="https://i.ytimg.com/vi/bWNmJqgri4Q/0.jpg" alt="Учим HTML за 1 час! #От Профессионала | HD Remake" itemprop="contentUrl" /></noscript></div><meta itemprop="thumbnailUrl" content="https://i.ytimg.com/vi/bWNmJqgri4Q/0.jpg" /><meta itemprop="contentUrl" content="https://i.ytimg.com/vi/bWNmJqgri4Q/0.jpg" /><meta itemprop="uploadDate" content="2024-03-04T07:00:00+00:00" /><meta itemprop="isFamilyFriendly" content="False" /></div></div><div class="ytb"><div class="ytb__item" data-id="eGxVS3hwQURCbG8=" itemprop="video" itemscope itemtype="https://schema.org/VideoObject"><p class="ytb__title"><span class="ytb__title_label"></span><span itemprop="name">HTML для начинающих 2021 / Таблицы</span><a class="ytb__dwn" href="" data-ytdwn="xlUKxpADBlo" target="_blank" rel="nofollow noopener">Скачать</a></p><meta itemprop="description" content="HTML для начинающих 2021 / Таблицы..." /><div class="ytb__image" itemprop="thumbnail" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="width" content="480"><meta itemprop="height" content="360"><img height="360" width="480" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20480%20360'%3E%3C/svg%3E" alt="HTML для начинающих 2021 / Таблицы" itemprop="contentUrl" data-lazy-src="https://i.ytimg.com/vi/xlUKxpADBlo/0.jpg" /><noscript><img height="360" width="480" src="https://i.ytimg.com/vi/xlUKxpADBlo/0.jpg" alt="HTML для начинающих 2021 / Таблицы" itemprop="contentUrl" /></noscript></div><meta itemprop="thumbnailUrl" content="https://i.ytimg.com/vi/xlUKxpADBlo/0.jpg" /><meta itemprop="contentUrl" content="https://i.ytimg.com/vi/xlUKxpADBlo/0.jpg" /><meta itemprop="uploadDate" content="2024-03-05T07:00:00+00:00" /><meta itemprop="isFamilyFriendly" content="False" /></div></div><div class="ytb"><div class="ytb__item" data-id="Qm10dTVlTm5qSzg=" itemprop="video" itemscope itemtype="https://schema.org/VideoObject"><p class="ytb__title"><span class="ytb__title_label"></span><span itemprop="name">Учим HTML и CSS за 7 часов! Уроки по созданию сайтов Полный курс HTML и CSS с нуля до профессионала</span><a class="ytb__dwn" href="" data-ytdwn="Bmtu5eNnjK8" target="_blank" rel="nofollow noopener">Скачать</a></p><meta itemprop="description" content="Учим HTML и CSS за 7 часов! Уроки по созданию..." /><div class="ytb__image" itemprop="thumbnail" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="width" content="480"><meta itemprop="height" content="360"><img height="360" width="480" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20480%20360'%3E%3C/svg%3E" alt="Учим HTML и CSS за 7 часов! Уроки по созданию сайтов Полный курс HTML и CSS с нуля до профессионала" itemprop="contentUrl" data-lazy-src="https://i.ytimg.com/vi/Bmtu5eNnjK8/0.jpg" /><noscript><img height="360" width="480" src="https://i.ytimg.com/vi/Bmtu5eNnjK8/0.jpg" alt="Учим HTML и CSS за 7 часов! Уроки по созданию сайтов Полный курс HTML и CSS с нуля до профессионала" itemprop="contentUrl" /></noscript></div><meta itemprop="thumbnailUrl" content="https://i.ytimg.com/vi/Bmtu5eNnjK8/0.jpg" /><meta itemprop="contentUrl" content="https://i.ytimg.com/vi/Bmtu5eNnjK8/0.jpg" /><meta itemprop="uploadDate" content="2024-03-03T07:00:00+00:00" /><meta itemprop="isFamilyFriendly" content="False" /></div></div><div class="ytb"><div class="ytb__item" data-id="RE9FdFZka0t3Y1U=" itemprop="video" itemscope itemtype="https://schema.org/VideoObject"><p class="ytb__title"><span class="ytb__title_label"></span><span itemprop="name">HTML для Начинающих - Практический Курс</span><a class="ytb__dwn" href="" data-ytdwn="DOEtVdkKwcU" target="_blank" rel="nofollow noopener">Скачать</a></p><meta itemprop="description" content="HTML для Начинающих - Практический Курс..." /><div class="ytb__image" itemprop="thumbnail" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="width" content="480"><meta itemprop="height" content="360"><img height="360" width="480" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20480%20360'%3E%3C/svg%3E" alt="HTML для Начинающих - Практический Курс" itemprop="contentUrl" data-lazy-src="https://i.ytimg.com/vi/DOEtVdkKwcU/0.jpg" /><noscript><img height="360" width="480" src="https://i.ytimg.com/vi/DOEtVdkKwcU/0.jpg" alt="HTML для Начинающих - Практический Курс" itemprop="contentUrl" /></noscript></div><meta itemprop="thumbnailUrl" content="https://i.ytimg.com/vi/DOEtVdkKwcU/0.jpg" /><meta itemprop="contentUrl" content="https://i.ytimg.com/vi/DOEtVdkKwcU/0.jpg" /><meta itemprop="uploadDate" content="2024-03-03T07:00:00+00:00" /><meta itemprop="isFamilyFriendly" content="False" /></div></div><div class="ytb"><div class="ytb__item" data-id="Q3ZFdHROdnR5MFU=" itemprop="video" itemscope itemtype="https://schema.org/VideoObject"><p class="ytb__title"><span class="ytb__title_label"></span><span itemprop="name">HTML и CSS с нуля для начинающих | 🔥 Быстрый Старт!</span><a class="ytb__dwn" href="" data-ytdwn="CvEttNvty0U" target="_blank" rel="nofollow noopener">Скачать</a></p><meta itemprop="description" content="HTML и CSS с нуля для начинающих | 🔥 Быстрый ..." /><div class="ytb__image" itemprop="thumbnail" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="width" content="480"><meta itemprop="height" content="360"><img height="360" width="480" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20480%20360'%3E%3C/svg%3E" alt="HTML и CSS с нуля для начинающих | 🔥 Быстрый Старт!" itemprop="contentUrl" data-lazy-src="https://i.ytimg.com/vi/CvEttNvty0U/0.jpg" /><noscript><img height="360" width="480" src="https://i.ytimg.com/vi/CvEttNvty0U/0.jpg" alt="HTML и CSS с нуля для начинающих | 🔥 Быстрый Старт!" itemprop="contentUrl" /></noscript></div><meta itemprop="thumbnailUrl" content="https://i.ytimg.com/vi/CvEttNvty0U/0.jpg" /><meta itemprop="contentUrl" content="https://i.ytimg.com/vi/CvEttNvty0U/0.jpg" /><meta itemprop="uploadDate" content="2024-03-05T07:00:00+00:00" /><meta itemprop="isFamilyFriendly" content="False" /></div></div><div class="ytb"><div class="ytb__item" data-id="SzBWeWdKYWFlNTg=" itemprop="video" itemscope itemtype="https://schema.org/VideoObject"><p class="ytb__title"><span class="ytb__title_label"></span><span itemprop="name">Создание html сайта в блокноте</span><a class="ytb__dwn" href="" data-ytdwn="K0VygJaae58" target="_blank" rel="nofollow noopener">Скачать</a></p><meta itemprop="description" content="Создание html сайта в блокноте..." /><div class="ytb__image" itemprop="thumbnail" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="width" content="480"><meta itemprop="height" content="360"><img height="360" width="480" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20480%20360'%3E%3C/svg%3E" alt="Создание html сайта в блокноте" itemprop="contentUrl" data-lazy-src="https://i.ytimg.com/vi/K0VygJaae58/0.jpg" /><noscript><img height="360" width="480" src="https://i.ytimg.com/vi/K0VygJaae58/0.jpg" alt="Создание html сайта в блокноте" itemprop="contentUrl" /></noscript></div><meta itemprop="thumbnailUrl" content="https://i.ytimg.com/vi/K0VygJaae58/0.jpg" /><meta itemprop="contentUrl" content="https://i.ytimg.com/vi/K0VygJaae58/0.jpg" /><meta itemprop="uploadDate" content="2024-03-04T07:00:00+00:00" /><meta itemprop="isFamilyFriendly" content="False" /></div></div><div class="ytb"><div class="ytb__item" data-id="V1VuUVFfTnZHTXM=" itemprop="video" itemscope itemtype="https://schema.org/VideoObject"><p class="ytb__title"><span class="ytb__title_label"></span><span itemprop="name">HTML за 3 минуты. Обзор на язык гипертекстовой разметки</span><a class="ytb__dwn" href="" data-ytdwn="WUnQQ_NvGMs" target="_blank" rel="nofollow noopener">Скачать</a></p><meta itemprop="description" content="HTML за 3 минуты. Обзор на язык гипертекстово..." /><div class="ytb__image" itemprop="thumbnail" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="width" content="480"><meta itemprop="height" content="360"><img height="360" width="480" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20480%20360'%3E%3C/svg%3E" alt="HTML за 3 минуты. Обзор на язык гипертекстовой разметки" itemprop="contentUrl" data-lazy-src="https://i.ytimg.com/vi/WUnQQ_NvGMs/0.jpg" /><noscript><img height="360" width="480" src="https://i.ytimg.com/vi/WUnQQ_NvGMs/0.jpg" alt="HTML за 3 минуты. Обзор на язык гипертекстовой разметки" itemprop="contentUrl" /></noscript></div><meta itemprop="thumbnailUrl" content="https://i.ytimg.com/vi/WUnQQ_NvGMs/0.jpg" /><meta itemprop="contentUrl" content="https://i.ytimg.com/vi/WUnQQ_NvGMs/0.jpg" /><meta itemprop="uploadDate" content="2024-03-05T07:00:00+00:00" /><meta itemprop="isFamilyFriendly" content="False" /></div></div><div class="ytb"><div class="ytb__item" data-id="TlAyTkpWZmdXbTg=" itemprop="video" itemscope itemtype="https://schema.org/VideoObject"><p class="ytb__title"><span class="ytb__title_label"></span><span itemprop="name">2. Основы HTML верстки. Базовая структура страницы, теги html, head, meta, body.</span><a class="ytb__dwn" href="" data-ytdwn="NP2NJVfgWm8" target="_blank" rel="nofollow noopener">Скачать</a></p><meta itemprop="description" content="2. Основы HTML верстки. Базовая структура стр..." /><div class="ytb__image" itemprop="thumbnail" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="width" content="480"><meta itemprop="height" content="360"><img height="360" width="480" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20480%20360'%3E%3C/svg%3E" alt="2. Основы HTML верстки. Базовая структура страницы, теги html, head, meta, body." itemprop="contentUrl" data-lazy-src="https://i.ytimg.com/vi/NP2NJVfgWm8/0.jpg" /><noscript><img height="360" width="480" src="https://i.ytimg.com/vi/NP2NJVfgWm8/0.jpg" alt="2. Основы HTML верстки. Базовая структура страницы, теги html, head, meta, body." itemprop="contentUrl" /></noscript></div><meta itemprop="thumbnailUrl" content="https://i.ytimg.com/vi/NP2NJVfgWm8/0.jpg" /><meta itemprop="contentUrl" content="https://i.ytimg.com/vi/NP2NJVfgWm8/0.jpg" /><meta itemprop="uploadDate" content="2024-03-05T07:00:00+00:00" /><meta itemprop="isFamilyFriendly" content="False" /></div></div><div class="ytb"><div class="ytb__item" data-id="dF9yTGc5LVRoRkE=" itemprop="video" itemscope itemtype="https://schema.org/VideoObject"><p class="ytb__title"><span class="ytb__title_label"></span><span itemprop="name">Курс по верстке и созданию сайтов с нуля. Все основы HTML / CSS на практике.</span><a class="ytb__dwn" href="" data-ytdwn="t_rLg9-ThFA" target="_blank" rel="nofollow noopener">Скачать</a></p><meta itemprop="description" content="Курс по верстке и созданию сайтов с нуля. Все..." /><div class="ytb__image" itemprop="thumbnail" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="width" content="480"><meta itemprop="height" content="360"><img height="360" width="480" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20480%20360'%3E%3C/svg%3E" alt="Курс по верстке и созданию сайтов с нуля. Все основы HTML / CSS на практике." itemprop="contentUrl" data-lazy-src="https://i.ytimg.com/vi/t_rLg9-ThFA/0.jpg" /><noscript><img height="360" width="480" src="https://i.ytimg.com/vi/t_rLg9-ThFA/0.jpg" alt="Курс по верстке и созданию сайтов с нуля. Все основы HTML / CSS на практике." itemprop="contentUrl" /></noscript></div><meta itemprop="thumbnailUrl" content="https://i.ytimg.com/vi/t_rLg9-ThFA/0.jpg" /><meta itemprop="contentUrl" content="https://i.ytimg.com/vi/t_rLg9-ThFA/0.jpg" /><meta itemprop="uploadDate" content="2024-03-05T07:00:00+00:00" /><meta itemprop="isFamilyFriendly" content="False" /></div></div><div class="ytb"><div class="ytb__item" data-id="WE9kZmZpVE5IVzg=" itemprop="video" itemscope itemtype="https://schema.org/VideoObject"><p class="ytb__title"><span class="ytb__title_label"></span><span itemprop="name">Основы HTML — Фронтенд-разработка</span><a class="ytb__dwn" href="" data-ytdwn="XOdffiTNHW8" target="_blank" rel="nofollow noopener">Скачать</a></p><meta itemprop="description" content="Основы HTML — Фронтенд-разработка..." /><div class="ytb__image" itemprop="thumbnail" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="width" content="480"><meta itemprop="height" content="360"><img height="360" width="480" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20480%20360'%3E%3C/svg%3E" alt="Основы HTML — Фронтенд-разработка" itemprop="contentUrl" data-lazy-src="https://i.ytimg.com/vi/XOdffiTNHW8/0.jpg" /><noscript><img height="360" width="480" src="https://i.ytimg.com/vi/XOdffiTNHW8/0.jpg" alt="Основы HTML — Фронтенд-разработка" itemprop="contentUrl" /></noscript></div><meta itemprop="thumbnailUrl" content="https://i.ytimg.com/vi/XOdffiTNHW8/0.jpg" /><meta itemprop="contentUrl" content="https://i.ytimg.com/vi/XOdffiTNHW8/0.jpg" /><meta itemprop="uploadDate" content="2024-03-05T07:00:00+00:00" /><meta itemprop="isFamilyFriendly" content="False" /></div></div></div></article><div class="entry-social"><div class="entry-bottom__header">Поделиться или сохранить к себе:</div><div class="social-buttons"><span class="social-button social-button--vkontakte" data-social="vkontakte" data-image=""><span data-counter="vkontakte"></span></span><span class="social-button social-button--facebook" data-social="facebook"><span data-counter="facebook"></span></span><span class="social-button social-button--whatsapp" data-social="whatsapp"></span><span class="social-button social-button--odnoklassniki" data-social="odnoklassniki"><span data-counter="odnoklassniki"></span></span><span class="social-button social-button--moimir" data-social="moimir" data-image=""><span data-counter="moimir"></span></span><span class="social-button social-button--telegram" data-social="telegram"></span><span class="social-button social-button--twitter" data-social="twitter"></span></div></div><meta itemprop="author" content="Expert"><meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://vosadylivogorode.ru/chto-takoe-html-i-kak-ego-ispolzovat-prostymi-slovami-i-ponyatnymi-primerami-opisyvaem-osnovy-html-razmetki/" content="Что такое HTML и как его использовать — простыми словами и понятными примерами описываем основы HTML-разметки"><meta itemprop="dateModified" content="2024-02-14"><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization" style="display: none;"><div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Во саду ли в огороде" data-lazy-src="https://vosadylivogorode.ru/wp-content/uploads/2023/12/1675585382_top-fon-com-p-znachki-dlya-prezentatsii-s-prozrachnim-fo-193-e1701626434985.png"><noscript><img itemprop="url image" src="https://vosadylivogorode.ru/wp-content/uploads/2023/12/1675585382_top-fon-com-p-znachki-dlya-prezentatsii-s-prozrachnim-fo-193-e1701626434985.png" alt="Во саду ли в огороде"></noscript></div><meta itemprop="name" content="Во саду ли в огороде"><meta itemprop="telephone" content="Во саду ли в огороде"><meta itemprop="address" content="https://vosadylivogorode.ru"></div></main></div><aside id="secondary" class="widget-area" itemscope itemtype="http://schema.org/WPSideBar"><div class="sticky-sidebar js-sticky-sidebar"><div class="widget widget_search"><form role="search" method="get" class="search-form" action="https://vosadylivogorode.ru/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" placeholder="Поиск…" value="" name="s"> </label> <button type="submit" aria-label="Поиск" class="search-submit"></button></form></div><div class="widget-articles"><article class="post-card post-card--small"><div class="post-card__body"> <span class="post-card__category">Новости</span><div class="post-card__title"><a href="https://vosadylivogorode.ru/krupy-dlya-pitaniya-pri-povyshennom-holesterine/">Крупы для питания при повышенном холестерине</a></div><div class="post-card__meta"> <span class="post-card__views">870</span></div></div></article><article class="post-card post-card--small"><div class="post-card__body"> <span class="post-card__category">Новости</span><div class="post-card__title"><a href="https://vosadylivogorode.ru/prehedery-vazhnyy-element-veb-stranitsy-dlya-chego-oni-nuzhny-i-kak-ispolzovat/">Прехедеры — важный элемент веб-страницы: для чего они нужны и как использовать?</a></div><div class="post-card__meta"> <span class="post-card__views">867</span></div></div></article><article class="post-card post-card--small"><div class="post-card__body"> <span class="post-card__category">Новости</span><div class="post-card__title"><a href="https://vosadylivogorode.ru/mestopolozhenie-i-dostoprimechatelnosti-shadrinska/">Местоположение и достопримечательности Шадринска</a></div><div class="post-card__meta"> <span class="post-card__views">867</span></div></div></article><article class="post-card post-card--small"><div class="post-card__body"> <span class="post-card__category">Новости</span><div class="post-card__title"><a href="https://vosadylivogorode.ru/zachem-ispolzovat-konsol-v-brauzere-dlya-testirovaniya-preimuschestva-i-vozmozhnosti/">Зачем использовать консоль в браузере для тестирования преимущества и возможности</a></div><div class="post-card__meta"> <span class="post-card__views">869</span></div></div></article><article class="post-card post-card--small"><div class="post-card__body"> <span class="post-card__category">Новости</span><div class="post-card__title"><a href="https://vosadylivogorode.ru/maloimuschie-lgoty-i-vyplaty/">Малоимущие льготы и выплаты</a></div><div class="post-card__meta"> <span class="post-card__views">869</span></div></div></article></div></div></aside><div id="related-posts" class="related-posts fixed"><div class="related-posts__header">Смотрите также</div><div class="post-cards post-cards--vertical"><div class="post-card post-card--related post-card--thumbnail-no"><div class="post-card__title"><a href="https://vosadylivogorode.ru/interaktivnaya-storona-obscheniya-ponyatie-primery-v-realnoy-zhizni-i-polza-dlya-lyudey/">Интерактивная сторона общения — понятие, примеры в реальной жизни и польза для людей</a></div></div><div class="post-card post-card--related post-card--thumbnail-no"><div class="post-card__title"><a href="https://vosadylivogorode.ru/galvanicheskaya-razvyazka-printsipy-raboty-i-osnovnye-preimuschestva/">Гальваническая развязка — принципы работы и основные преимущества</a></div></div><div class="post-card post-card--related post-card--thumbnail-no"><div class="post-card__title"><a href="https://vosadylivogorode.ru/bulimicheskiy-nevroz-prichiny-i-simptomy-lechenie-i-podhody-k-preodoleniyu-etogo-rasstroystva-pischevogo-povedeniya/">Булимический невроз — причины и симптомы, лечение и подходы к преодолению этого расстройства пищевого поведения</a></div></div><div class="post-card post-card--related post-card--thumbnail-no"><div class="post-card__title"><a href="https://vosadylivogorode.ru/svoystva-v-matematike-osnovnye-ponyatiya-klassifikatsiya-i-primery/">Свойства в математике — основные понятия, классификация и примеры</a></div></div><div class="post-card post-card--related post-card--thumbnail-no"><div class="post-card__title"><a href="https://vosadylivogorode.ru/sinkopalnoe-sostoyanie-prichiny-simptomy-diagnostika-i-effektivnye-metody-lecheniya-sinkopa/">Синкопальное состояние — причины, симптомы, диагностика и эффективные методы лечения синкопа</a></div></div><div class="post-card post-card--related post-card--thumbnail-no"><div class="post-card__title"><a href="https://vosadylivogorode.ru/kishechnaya-neprohodimost-opasnoe-sostoyanie-zheludochno-kishechnogo-trakta-ego-simptomy-prichiny-i-effektivnye-sposoby-lecheniya-dlya-sohraneniya-zdorovya/">Кишечная непроходимость — опасное состояние желудочно-кишечного тракта, его симптомы, причины и эффективные способы лечения для сохранения здоровья</a></div></div><div class="post-card post-card--related post-card--thumbnail-no"><div class="post-card__title"><a href="https://vosadylivogorode.ru/osnovnye-printsipy-i-normy-kultury-bezopasnosti-na-zheleznodorozhnom-transporte-rzhd/">Основные принципы и нормы культуры безопасности на железнодорожном транспорте РЖД</a></div></div><div class="post-card post-card--related post-card--thumbnail-no"><div class="post-card__title"><a href="https://vosadylivogorode.ru/kalvinistskaya-tserkov-korni-uchenie-i-arhitektonika-very-v-boga-bez-granits/">Кальвинистская церковь — корни, учение и архитектоника веры в Бога без границ</a></div></div></div></div></div></div><div class="site-footer-container "><div class="footer-navigation fixed" itemscope itemtype="http://schema.org/SiteNavigationElement"><div class="main-navigation-inner full"></div></div><footer id="colophon" class="site-footer site-footer--style-gray full"><div class="site-footer-inner fixed"><div class="footer-bottom"><div class="footer-info"> <noindex class="allix-block-copyright"><noindex><a href="https://vosadylivogorode.ru/about/">О сайте</a> | </noindex><noindex><span class="auto-link" data-link="bWFpbHRvOmluZm9AMncyLnJ1P3N1YmplY3Q9dm9zYWR5bGl2b2dvcm9kZS5ydQ==" data-text="aW5mb0AydzIucnU="></span> | </noindex><span class="allix-el-sitename">© 2025 Во саду ли в огороде.</span> <span class="allix-el-privacy-text"><span class="allix-el-sublinks"><span data-uri="aHR0cHM6Ly92b3NhZHlsaXZvZ29yb2RlLnJ1L3ByaXZhY3kv" class="allix-el-privacy-link pseudo-link"></span> <span data-uri="aHR0cHM6Ly92b3NhZHlsaXZvZ29yb2RlLnJ1L2FncmVlbWVudC8=" class="allix-el-agreement-link pseudo-link"></span></span></span></noindex></div></div></div></footer></div></div> <script type="text/javascript" id="allix_inline_scripts">window.Allix_Config={"urls":{"instant":[]}};</script><script type="text/javascript" id="reboot-scripts-js-extra">var settings_array = {"rating_text_average":"\u0441\u0440\u0435\u0434\u043d\u0435\u0435","rating_text_from":"\u0438\u0437","lightbox_display":"","sidebar_fixed":"1"}; var wps_ajax = {"url":"https:\/\/vosadylivogorode.ru\/wp-admin\/admin-ajax.php","nonce":"8efe3c658c"}; var wpshop_views_counter_params = {"url":"https:\/\/vosadylivogorode.ru\/wp-admin\/admin-ajax.php","nonce":"8efe3c658c","is_postviews_enabled":"","post_id":"100502"};</script> <script data-cfasync='false'>!function(t){"use strict";t.loadCSS||(t.loadCSS=function(){});var e=loadCSS.relpreload={};if(e.support=function(){var e;try{e=t.document.createElement("link").relList.supports("preload")}catch(t){e=!1}return function(){return e}}(),e.bindMediaToggle=function(t){function e(){t.media=a}var a=t.media||"all";t.addEventListener?t.addEventListener("load",e):t.attachEvent&&t.attachEvent("onload",e),setTimeout(function(){t.rel="stylesheet",t.media="only x"}),setTimeout(e,3e3)},e.poly=function(){if(!e.support())for(var a=t.document.getElementsByTagName("link"),n=0;n<a.length;n++){var o=a[n];"preload"!==o.rel||"style"!==o.getAttribute("as")||o.getAttribute("data-loadcss")||(o.setAttribute("data-loadcss",!0),e.bindMediaToggle(o))}},!e.support()){e.poly();var a=t.setInterval(e.poly,500);t.addEventListener?t.addEventListener("load",function(){e.poly(),t.clearInterval(a)}):t.attachEvent&&t.attachEvent("onload",function(){e.poly(),t.clearInterval(a)})}"undefined"!=typeof exports?exports.loadCSS=loadCSS:t.loadCSS=loadCSS}("undefined"!=typeof global?global:this);</script></body></html>