HTML (HyperText Markup Language) — это язык разметки, который используется для создания веб-страниц. Он является основой для построения всего Интернета и определяет структуру и содержание веб-страницы.
HTML состоит из набора тегов, которые определяют различные элементы на странице. Некоторые теги используются для создания заголовков, абзацев, списков, изображений и ссылок. Другие теги позволяют добавлять таблицы, формы и мультимедийный контент на страницу.
Основная идея HTML программы заключается в том, чтобы использовать теги для обозначения структуры и семантики контента на странице. Таким образом, разработчик может указать, что определенный кусок текста является заголовком, другой — абзацем, а третий — ссылкой на другую страницу.
Веб-страницы, созданные с помощью HTML, могут быть открыты и просмотрены в любом веб-браузере. Браузер интерпретирует HTML код и отображает страницу согласно определенной структуре и стилям. Поэтому важно понимать основы и принципы разработки HTML, чтобы создавать качественные и доступные веб-страницы.
Тема опроса: отношение к искусственному интеллекту
Я полностью поддерживаю использование искусственного интеллекта во всех сферах жизни.
16.67%
Я считаю, что искусственный интеллект может быть опасным и должен использоваться только под строгим контролем.
66.67%
Я нейтрален/нейтральна к искусственному интеллекту, так как не имею личного опыта взаимодействия с ним.
16.67%
Я не знаю, что такое искусственный интеллект.
0%
Проголосовало: 6
Содержание
Что такое HTML программа?
HTML-разметка состоит из специальных тегов, которые определяют тип контента и его форматирование. Теги позволяют организовывать содержимое страницы в заголовки, абзацы, списки, таблицы и другие структурные элементы. Каждый тег имеет свое предназначение и правила использования.
При разработке веб-страницы на HTML необходимо следовать определенным принципам. Прежде всего, нужно правильно структурировать документ, используя теги head и body. Внутри head размещается информация, касающаяся страницы в целом, например, заголовок, метатеги, связанные стилевые файлы и скрипты. Внутри body размещается основное содержимое страницы.
Для создания текстового контента на странице используется тег p. Внутри этого тега можно указывать абзацы текста или его отдельные фрагменты.
Для выделения важных слов или фраз в тексте можно использовать тег strong. Он придает выделенному тексту более яркое форматирование и подчеркивает его значение.
Если необходимо добавить эмоциональное или уточняющее значение к тексту, можно использовать тег em. Он курсивом выделяет указанный текст и подчеркивает его важность или особенность.
Общая структура HTML-разметки выглядит следующим образом:
— указывает заголовок документа;</li> </ul> <p>Таким образом, HTML является основным языком разметки для создания веб-страниц. Он позволяет нам создавать структуру и определять визуальное представление информации на веб-странице, что делает его неотъемлемой частью разработки веб-сайтов.</p> <h2 id="osnovy-html-razrabotki">Основы HTML разработки</h2> <p>Основа HTML разработки — это структура веб-страницы. Вся веб-страница состоит из набора элементов, называемых тегами. Каждый тег имеет свою функцию и определяет различные части веб-страницы, такие как заголовки, параграфы, списки, изображения и другие элементы.</p> <p>Структура веб-страницы в HTML обычно состоит из двух основных частей:</p> <ul> <li><strong>Заголовка страницы</strong> — обычно располагается внутри тега <head> и содержит информацию о странице, такую как заголовок, ключевые слова, описание и подключенные файлы CSS и JavaScript.</li> <li><strong>Тела страницы</strong> — располагается внутри тега <body> и содержит фактическое содержимое веб-страницы, такое как текст, изображения, таблицы, списки и другие элементы.</li> </ul> <p>Каждая веб-страница должна иметь верную структуру, чтобы браузер мог правильно интерпретировать и отобразить ее содержимое. Нарушение структуры может привести к неправильному отображению и плохому пользовательскому опыту.</p> <p>Правильная структура веб-страницы включает в себя использование правильных и соответствующих тегов для каждого элемента на странице. Это помогает браузеру правильно отобразить содержимое и улучшает доступность для пользователей с ограниченными возможностями.</p> <p>HTML также позволяет использовать атрибуты внутри тегов, чтобы настраивать и управлять отображением элементов. Атрибуты предоставляют дополнительную информацию о элементе и его свойствах. Например, атрибут <img src=»image.jpg» alt=»Изображение»> используется для отображения изображений и задания альтернативного текста для них.</p> <p>Важно отметить, что HTML является языком разметки, а не языком программирования. Он используется для определения структуры и представления веб-страницы, но не позволяет создавать сложное взаимодействие и функциональность.</p> <p>В целом, понимание основ HTML разработки является важным шагом для создания качественных веб-страниц. Он предоставляет основу для дальнейшей работы с CSS и JavaScript, а также помогает создавать универсальные и доступные веб-страницы для разных пользовательских платформ и устройств.</p> <h3 id="struktura-veb-stranitsy">Структура веб-страницы</h3> <p>Веб-страница начинается с тега <strong><html></strong>, который указывает начало документа HTML. Затем следует тег <strong><head></strong>, который содержит информацию о документе, такую как заголовок страницы, метаданные и подключение внешних файлов стилей и скриптов. После тега <strong><head></strong> идет тег <strong><body></strong>, где размещается основное содержимое страницы.</p> <p>Внутри тега <strong><body></strong> можно размещать различные элементы контента, такие как заголовки, параграфы, списки, таблицы и изображения. Элементы контента оформляются с помощью соответствующих тегов, например, для создания заголовка используется тег <strong><h1></strong>.</p> <p>Некоторые элементы могут содержать в себе другие элементы. Например, тег <strong><p></strong> может содержать текст, а также другие элементы, такие как тег <strong><strong></strong> для выделения жирным шрифтом и тег <strong><em></strong> для выделения курсивом.</p> <p>Кроме того, элементы могут быть определены с помощью атрибутов, которые указывают дополнительные свойства элемента. Например, атрибут <strong>class</strong> может использоваться для задания класса элементу, а атрибут <strong>id</strong> — для задания уникального идентификатора элементу.</p> <h3 id="tegi-i-ih-ispolzovanie">Теги и их использование</h3> <p>Одним из наиболее часто используемых тегов является <strong><p></strong>, который используется для создания абзацев текста. Этот тег позволяет отформатировать и выделить определенный блок текста в веб-странице.</p> <p>Для придания особой семантики тексту можно использовать тег <strong><strong></strong>, который используется для выделения важных или акцентированных частей текста. Обычно такой текст отображается жирным шрифтом.</p> <p>Для выделения частей текста с использованием курсива применяется тег <strong><em></strong>. Он позволяет обозначить важность, смысловое ударение или эмфазис текстовой информации на веб-странице.</p> <p>Теги в HTML также могут использоваться для создания ссылок, таблиц, списков, изображений и других элементов, которые обогащают содержание веб-страницы.</p> <p>Использование тегов в HTML позволяет разработчикам создавать интерактивные, удобочитаемые и эстетически привлекательные веб-страницы.</p> <h3 id="tablitsy-spiski-i-izobrazheniya">Таблицы, списки и изображения</h3> <h3 id="tablitsy">Таблицы</h3> <p>Таблицы в HTML используются для представления данных в упорядоченном виде. Они состоят из ячеек, которые располагаются в строках и столбцах. Для создания таблицы необходимо использовать теги <code><table></code> для определения таблицы, а также <code><tr></code> для определения строки и <code><td></code> для определения ячейки. Если необходимо объединять ячейки в строке или столбце, можно использовать атрибуты <code>rowspan</code> и <code>colspan</code>.</p> <h3 id="spiski">Списки</h3> <p>В HTML существует два типа списков: нумерованные и маркированные. Нумерованные списки состоят из элементов, которым присваиваются порядковые номера, а маркированные списки содержат элементы, которые обычно обозначаются символами, такими как точка или звездочка. Для создания нумерованного списка используется тег <code><ol></code>, а для создания маркированного списка — тег <code><ul></code>. Каждый элемент списка обозначается тегом <code><li></code>.</p> <h3 id="izobrazheniya">Изображения</h3> <p>Вставка изображений на веб-страницу позволяет улучшить ее визуальное впечатление и лучше передать информацию. Для вставки изображения необходимо использовать тег <code><img></code> с указанием атрибута <code>src</code>, который содержит путь к изображению. Также можно задать альтернативный текст с помощью атрибута <code>alt</code>, который отобразится в случае, если изображение не может быть загружено.</p> <p>С помощью таблиц, списков и изображений можно сделать веб-страницу более интерактивной и информативной. Правильное использование этих элементов поможет пользователю легко ориентироваться на странице и получить необходимую информацию. Это один из ключевых принципов разработки веб-страниц.</p> <h2 id="printsipy-razrabotki-veb-stranits">Принципы разработки веб-страниц</h2> <ol> <li>Семантическая разметка. Важно использовать правильные теги для каждого элемента страницы. Например, используйте <strong><h1></strong> для заголовков, <strong><p></strong> для параграфов и <strong><a></strong> для ссылок. Это помогает поисковым системам и людям понять структуру и содержание страницы.</li> <li>Отзывчивый дизайн. Веб-страницы должны быть адаптивными и хорошо выглядеть на разных устройствах и экранах. Использование CSS медиавыражений позволяет адаптировать макет и расположение элементов в зависимости от размера экрана.</li> <li>Доступность. Веб-страницы должны быть доступными для всех пользователей, включая людей с ограниченными возможностями. Например, используйте соответствующие атрибуты и мета-теги для описания изображений, чтобы люди с нарушениями зрения могли понять, о чем изображение.</li> <li>Оптимизация скорости загрузки. Важно учитывать время загрузки страницы, особенно на мобильных устройствах с медленным интернетом. Использование сжатия изображений, минимизации CSS и JavaScript файлов помогает ускорить загрузку страницы.</li> <li>Совместимость с разными браузерами. Веб-страницы должны работать корректно на различных браузерах и устройствах. Рекомендуется проверять страницу на разных браузерах и исправлять возможные проблемы совместимости.</li> </ol> <p>Соблюдение этих принципов поможет создать высококачественные веб-страницы, которые будут хорошо выглядеть, быстро загружаться и эффективно взаимодействовать с пользователями.</p> <h3 id="universalnost-i-dostupnost">Универсальность и доступность</h3> <p>Доступность веб-страниц подразумевает их использование всеми пользователями, включая тех, у которых есть какие-либо физические ограничения или используют чтение с экрана. Для обеспечения доступности веб-страницы разработчик должен следовать рекомендациям WCAG (Web Content Accessibility Guidelines), которые предлагают ряд правил и рекомендаций по созданию доступных веб-страниц.</p> <p>Для универсальности и доступности веб-страницы также важно использовать подходящую разметку семантических элементов HTML. Например, использование заголовков (<strong><h1></strong>, <strong><h2></strong>, <strong><h3></strong> и т.д.), списков (<strong><ul></strong> и <strong><ol></strong>) и абзацев (<strong><p></strong>) позволяет создавать структурированные веб-страницы, которые легко интерпретируются поисковыми системами и адаптируются для чтения с экрана.</p> <p>Важно также обратить внимание на использование атрибутов, которые помогают улучшить доступность веб-страницы. Например, атрибуты <strong>alt</strong> для изображений позволяют описывать контент для пользователей, у которых возможности зрения ограничены, а атрибут <strong>tabindex</strong> позволяет установить порядок перехода между элементами страницы с помощью клавиши Tab.</p> <p>Таким образом, универсальность и доступность являются важными аспектами разработки веб-страниц с использованием HTML. Благодаря правильной разметке и использованию соответствующих атрибутов, веб-страницы становятся доступными для широкого круга пользователей и могут корректно отображаться на различных устройствах и в разных браузерах.</p><div class="b-r b-r--after_content"><blockquote class="warning">Если вы считаете, что данный ответ неверен или обнаружили фактическую ошибку, пожалуйста, <span style="color: #ff0000;">оставьте комментарий!</span> Мы обязательно исправим проблему.</blockquote></div> </div><!-- .entry-content --> </article> <div class="entry-social"> <div class="social-buttons"><span class="social-button social-button--vkontakte" data-social="vkontakte" data-image=""></span><span class="social-button social-button--facebook" data-social="facebook"></span><span class="social-button social-button--telegram" data-social="telegram"></span><span class="social-button social-button--odnoklassniki" data-social="odnoklassniki"></span><span class="social-button social-button--twitter" data-social="twitter"></span><span class="social-button social-button--sms" data-social="sms"></span><span class="social-button social-button--whatsapp" data-social="whatsapp"></span></div> </div> <!--noindex--> <div class="author-box"> <div class="author-info"> <div class="author-box__ava"> <img alt='' src='https://magia-ok.ru/wp-content/plugins/clearfy-pro/assets/images/default-avatar.png' srcset='https://magia-ok.ru/wp-content/plugins/clearfy-pro/assets/images/default-avatar.png 2x' class='avatar avatar-70 photo avatar-default' height='70' width='70' decoding='async'/> </div> <div class="author-box__body"> <div class="author-box__author"> Андрей </div> <div class="author-box__description"> <!--noindex--><p>Журналист. Автор статей о связях литературы с другими видами искусств.</p> <!--/noindex--> </div> </div> </div> <div class="author-box__rating"> <div class="author-box__rating-title">Оцените автора</div> <div class="wp-star-rating js-star-rating star-rating--score-0" data-post-id="8172" data-rating-count="0" data-rating-sum="0" data-rating-value="0"><span class="star-rating-item js-star-rating-item" data-score="1"><svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="i-ico"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class="ico-star"></path></svg></span><span class="star-rating-item js-star-rating-item" data-score="2"><svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="i-ico"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class="ico-star"></path></svg></span><span class="star-rating-item js-star-rating-item" data-score="3"><svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="i-ico"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class="ico-star"></path></svg></span><span class="star-rating-item js-star-rating-item" data-score="4"><svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="i-ico"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class="ico-star"></path></svg></span><span class="star-rating-item js-star-rating-item" data-score="5"><svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="i-ico"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class="ico-star"></path></svg></span></div> </div> </div> <!--/noindex--> <meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://magia-ok.ru/chto-takoe-html-programma-osnovy-i-printsipy-razrabotki-veb-stranits/" content="Что такое 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="https://magia-ok.ru/wp-content/uploads/2023/12/armenia_flag_570984_5000x3334-scaled-e1701536845636.jpg" alt="Армения"></div><meta itemprop="name" content="Армения"><meta itemprop="telephone" content="Армения"><meta itemprop="address" content="https://magia-ok.ru"></div> <div id="comments" class="comments-area"> <div id="respond" class="comment-respond"> <div id="reply-title" class="comment-reply-title">Добавить комментарий <small><a rel="nofollow" id="cancel-comment-reply-link" href="/chto-takoe-html-programma-osnovy-i-printsipy-razrabotki-veb-stranits/#respond" style="display:none;">Отменить ответ</a></small></div><form action="https://magia-ok.ru/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-form-author"><label class="screen-reader-text" for="author">Имя <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" required='required' placeholder="Имя"/></p> <p class="comment-form-email"><label class="screen-reader-text" for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" required='required' placeholder="Email"/></p> <p class="comment-form-comment"><label class="screen-reader-text" for="comment">Комментарий</label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required" placeholder="Комментарий" ></textarea></p><p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes"/> <label for="wp-comment-cookies-consent">Сохранить моё имя, email и адрес сайта в этом браузере для последующих моих комментариев.</label></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Отправить комментарий"/> <input type='hidden' name='comment_post_ID' value='8172' id='comment_post_ID'/> <input type='hidden' name='comment_parent' id='comment_parent' value='0'/> </p></form> </div><!-- #respond --> </div><!-- #comments --> </main><!-- #main --> </div><!-- #primary --> <aside id="secondary" class="widget-area" itemscope itemtype="http://schema.org/WPSideBar"> <div class="sticky-sidebar js-sticky-sidebar"> <div id="wpshop_widget_articles-2" class="widget widget_wpshop_widget_articles"><div class="widget-header">Популярные статьи:</div><div class="widget-articles"></div></div> </div> </aside><!-- #secondary --> <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://magia-ok.ru/goroskop-na-segodnya-dlya-lva-prognoz-na-den-ot-zvyozd/">Гороскоп на сегодня для Льва | Прогноз на день от звёзд</a></div><div class="post-card__description">Звезды на вашей стороне, дорогой Лев! Сегодня ваш день</div><div class="post-card__meta"><span class="post-card__comments">0</span><span class="post-card__views">166</span></div> </div> <div class="post-card post-card--related post-card--thumbnail-no"> <div class="post-card__title"><a href="https://magia-ok.ru/goroskop-na-fevral-dlya-lvov-prognoz-na-mesyats/">Гороскоп на февраль для Львов — прогноз на месяц</a></div><div class="post-card__description">Дорогие Львы, февраль — это месяц, когда вы сможете</div><div class="post-card__meta"><span class="post-card__comments">0</span><span class="post-card__views">178</span></div> </div> <div class="post-card post-card--related post-card--thumbnail-no"> <div class="post-card__title"><a href="https://magia-ok.ru/k-chemu-snitsya-obezyana-interpretatsiya-snovideniy-i-ih-simvolika/">К чему снится обезьяна — интерпретация сновидений и их символика</a></div><div class="post-card__description">Сны – загадочное и удивительное явление, которое до</div><div class="post-card__meta"><span class="post-card__comments">0</span><span class="post-card__views">252</span></div> </div> <div class="post-card post-card--related post-card--thumbnail-no"> <div class="post-card__title"><a href="https://magia-ok.ru/chto-takoe-sponsorstvo-opredelenie-vidy-i-preimuschestva-sponsorskoy-podderzhki/">Что такое спонсорство — определение, виды и преимущества спонсорской поддержки</a></div><div class="post-card__description">Спонсорство — это форма взаимовыгодного сотрудничества</div><div class="post-card__meta"><span class="post-card__comments">0</span><span class="post-card__views">80</span></div> </div> <div class="post-card post-card--related post-card--thumbnail-no"> <div class="post-card__title"><a href="https://magia-ok.ru/poyas-asteroidov-astronomicheskoe-yavlenie-s-vazhnostyu-dlya-izucheniya-kosmosa-i-opredeleniya-istochnikov-potentsialnoy-ugrozy-dlya-zemli/">Пояс астероидов — астрономическое явление с важностью для изучения космоса и определения источников потенциальной угрозы для Земли</a></div><div class="post-card__description">Поговорим сегодня о таинственном и увлекательном явлении</div><div class="post-card__meta"><span class="post-card__comments">0</span><span class="post-card__views">186</span></div> </div> <div class="post-card post-card--related post-card--thumbnail-no"> <div class="post-card__title"><a href="https://magia-ok.ru/otparivatel-kakie-osobennosti-delayut-ego-nezamenimym-v-bytu-i-professionalnoy-sfere-otparivanie-odezhdy-mebeli-i-drugih-predmetov-sovremennyy-i-effektivnyy-sposob-dlya-sohraneniya-i-uhoda-za-veschami/">Отпариватель — какие особенности делают его незаменимым в быту и профессиональной сфере? Отпаривание одежды, мебели и других предметов — современный и эффективный способ для сохранения и ухода за вещами</a></div><div class="post-card__description">Отпариватель – это инновационное устройство, которое</div><div class="post-card__meta"><span class="post-card__comments">0</span><span class="post-card__views">302</span></div> </div> <div class="post-card post-card--related post-card--thumbnail-no"> <div class="post-card__title"><a href="https://magia-ok.ru/strayp-lenta-podrobnoe-rukovodstvo-dlya-ponimaniya-i-primeneniya/">Страйп лента — подробное руководство для понимания и применения</a></div><div class="post-card__description">Страйп лента – это удивительный материал, который имеет</div><div class="post-card__meta"><span class="post-card__comments">0</span><span class="post-card__views">163</span></div> </div> <div class="post-card post-card--related post-card--thumbnail-no"> <div class="post-card__title"><a href="https://magia-ok.ru/roman-shuhevich-zhizn-tvorchestvo-i-zaslugi-ukrainskogo-politika-i-voennogo-lidera/">Роман Шухевич — жизнь, творчество и заслуги украинского политика и военного лидера</a></div><div class="post-card__description">Роман Шухевич — выдающийся украинский политический</div><div class="post-card__meta"><span class="post-card__comments">0</span><span class="post-card__views">182</span></div> </div> </div></div> </div><!--.site-content-inner--> </div><!--.site-content--> <div class="site-footer-container "> <div class="footer-navigation fixed" itemscope itemtype="http://schema.org/SiteNavigationElement"> <div class="main-navigation-inner full"> <div class="menu-podval-container"><ul id="footer_menu" class="menu"><li id="menu-item-1785" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-1785"><a rel="privacy-policy" href="https://magia-ok.ru/privacy-policy/">Руководство по политике конфиденциальности</a></li> <li id="menu-item-1786" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1786"><a href="https://magia-ok.ru/karta-sayta/">Карта сайта</a></li> <li id="menu-item-1787" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1787"><a href="https://magia-ok.ru/obratnaya-svyaz/">Обратная связь</a></li> <li id="menu-item-1788" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1788"><a href="https://magia-ok.ru/pravovaya-informatsiya/">Правовая информация</a></li> </ul></div> </div> </div><!--footer-navigation--> <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"> © 2024 Армения </div> </div> </div> </footer><!--.site-footer--> </div> <button type="button" class="scrolltop js-scrolltop"></button> </div><!-- #page --> <script>var pseudo_links = document.querySelectorAll(".pseudo-clearfy-link");for (var i=0;i<pseudo_links.length;i++ ) { pseudo_links[i].addEventListener("click", function(e){ window.open( e.target.getAttribute("data-uri") ); }); }</script><script>function disable_keystrokes(e) {if (e.ctrlKey || e.metaKey){var key;if(window.event)key = window.event.keyCode;else key = e.which;if (key == 67 || key == 88 || key == 65 || key == 85 || key == 83)return false;else return true;}}document.onkeydown = disable_keystrokes;</script><script>function disableSelection(target){if (typeof target.onselectstart!="undefined") target.onselectstart=function(){return false};else if (typeof target.style.MozUserSelect!="undefined")target.style.MozUserSelect="none";else target.onmousedown=function(){return false};target.style.cursor = "default"}disableSelection(document.body);</script><script>document.oncontextmenu = function() { return false; }</script><script>document.addEventListener("copy", (event) => {var pagelink = "\nИсточник: https://magia-ok.ru/chto-takoe-html-programma-osnovy-i-printsipy-razrabotki-veb-stranits";event.clipboardData.setData("text", document.getSelection() + pagelink);event.preventDefault();});</script><script type="text/javascript" id="expert-review-scripts-js-extra"> /* <![CDATA[ */ var expert_review_ajax = {"url":"https:\/\/magia-ok.ru\/wp-admin\/admin-ajax.php","nonce":"0b46b69bab","comment_to_scroll_selector":null,"ask_question_link_new_tab":null,"i18n":{"question_popup_name":"\u0418\u043c\u044f","question_popup_email":"Email","question_popup_phone":"\u0422\u0435\u043b\u0435\u0444\u043e\u043d","question_popup_question":"\u0412\u043e\u043f\u0440\u043e\u0441","question_popup_submit":"\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c","question_popup_cancel":"\u041e\u0442\u043c\u0435\u043d\u0430","question_submitted":"\u0412\u043e\u043f\u0440\u043e\u0441 \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d","legacy_form":"\u041d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043e\u0431\u043d\u043e\u0432\u0438\u0442\u044c \u043a\u043e\u0434 \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0439 \u0444\u043e\u0440\u043c\u044b","field_cannot_be_empty":"\u041f\u043e\u043b\u0435 \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043f\u0443\u0441\u0442\u044b\u043c","field_must_be_checked":"\u041f\u043e\u043b\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u043e\u0442\u043c\u0435\u0447\u0435\u043d\u043e","consent":"\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445"},"consent":null}; /* ]]> */ </script> <script type="text/javascript" src="https://magia-ok.ru/wp-content/plugins/expert-review/assets/public/js/scripts.min.js" id="expert-review-scripts-js"></script> <script type="text/javascript" id="reboot-scripts-js-extra"> /* <![CDATA[ */ var settings_array = {"rating_text_average":"\u0441\u0440\u0435\u0434\u043d\u0435\u0435","rating_text_from":"\u0438\u0437","lightbox_display":"1","sidebar_fixed":"1"}; var wps_ajax = {"url":"https:\/\/magia-ok.ru\/wp-admin\/admin-ajax.php","nonce":"0b46b69bab"}; /* ]]> */ </script> <script type="text/javascript" src="https://magia-ok.ru/wp-content/themes/reboot/assets/js/scripts.min.js" id="reboot-scripts-js"></script> <script type="text/javascript" src="https://magia-ok.ru/wp-includes/js/comment-reply.min.js" id="comment-reply-js" async="async" data-wp-strategy="async"></script> <script>!function(){var t=!1;try{var e=Object.defineProperty({},"passive",{get:function(){t=!0}});window.addEventListener("test",null,e)}catch(t){}return t}()||function(i){var o=!0,s=!1;EventTarget.prototype.addEventListener=function(t,e,n){var r="object"==typeof n,a=r?n.capture:n;n=r?n:{},"touchstart"!=t&&"scroll"!=t&&"wheel"!=t||(n.passive=void 0!==n.passive?n.passive:o),n.capture=void 0!==a?a:s,i.call(this,t,e,n)}}(EventTarget.prototype.addEventListener);</script><!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(95753208, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/95753208" style="position:absolute; left:-9999px;" alt=""/></div></noscript> <!-- /Yandex.Metrika counter --> </body> </html>