1. Язык HTML - какой это язык? 2. Из каких команд состоит основа структуры языка HTML? 3. С каких тегов получается нижний индекс? 4. Как используются теги для записи полужирного и курсивного на чертания? 5. Как отобразить документы, записанные в программе Блокнот на языке HTML, в виде web-страницы кто то есть ответы

👇

Ответ:

karisha113

28.08.2021

1. Язык HTML (HyperText Markup Language) - это язык разметки, который используется для создания и структурирования веб-страниц. Он является основным языком для создания контента в интернете.

2. Основа структуры языка HTML состоит из следующих команд:
- : задает тип документа и версию языка HTML, которые используются.
- : определяет начало и конец HTML-документа.
- : содержит информацию о документе, такую как заголовок страницы, метаданные и подключение внешних файлов.
- : определяет заголовок страницы, который будет отображаться в окне браузера или на вкладке.<br /> - <body>: содержит основное содержимое веб-страницы, такое как текст, изображения, таблицы и другие элементы.<br /> <br /> 3. Для получения нижнего индекса в HTML используется тег <sub>. Например, чтобы записать "H2O", где "2" является нижним индексом к "H", можно использовать следующий код: <br /> <p>H<sub>2</sub>O</p><br /> <br /> 4. Для записи полужирного и курсивного начертания символов в HTML используются следующие теги:<br /> - <b> или <strong>: для полужирного начертания. Например: <p>Этот текст будет <b>жирным</b>.</p><br /> - <i> или <em>: для курсивного начертания. Например: <p>Этот текст будет <i>курсивом</i>.</p><br /> <br /> 5. Чтобы отобразить документы, записанные в программе Блокнот с использованием языка HTML, в виде веб-страницы, необходимо выполнить следующие шаги:<br /> - Сохранить файл с расширением .html или .htm.<br /> - Открыть получившийся файл в веб-браузере. Обычно достаточно двойного клика по файлу.<br /> - Браузер автоматически интерпретирует HTML-код и отображает веб-страницу согласно написанному коду.<br /> <br /> Надеюсь, этот ответ был понятен и полезен для вас! Если у вас есть еще вопросы, не стесняйтесь задавать. </div> <div class="row my-3"> <div class="voting col" data-vote="191810670"> <div data-text="Спасибо"></div> <div data-text="Не помогло"></div> </div> <div class="star col mt-4 mt-md-0" data-star="191810670" data-my="0" data-float="4,6"><span data-info="Очень плохо" data-rate="1" style="left: 0px; opacity: 1;"></span><i class="bi bi-star"></i><span data-info="Ответ неправильный (:" data-rate="2" style="left: 28px; opacity: 1;"></span><i class="bi bi-star"></i><span data-info="Хорошо" data-rate="3" style="left: 56px; opacity: 1;"></span><i class="bi bi-star"></i><span data-info="Почти идеально" data-rate="4" style="left: 84px; opacity: 1;"></span><i class="bi bi-star"></i><span data-info="Идеальный ответ" data-rate="5" style="left: 112px; opacity: 1;"></span><i class="bi bi-star"></i><b>4,6</b><small style="">(32 оценок)</small></div> </div> </div> </div> </div> </div> <div class="content-box mt-4"> <div class="mozg-texts"> <div class="mozg-texts__title"> Это интересно: </div> <div class="mozg-text pb-3 border-bottom-0"> <div class="mozg-text__info"> <div class="avatar-block mr-2">Д</div> <div> <a href="/dom-i-sad">Дом-и-сад</a> <div class="small"> 16.05.2021 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/dom-i-sad/3589-2021-05-16">Как избавиться от пятен после постельных клопов...</a> </div> </div> </div><div class="mozg-text pb-3 border-bottom-0"> <div class="mozg-text__info"> <div class="avatar-block mr-2">М</div> <div> <a href="/mir-raboty">Мир-работы</a> <div class="small"> 22.03.2022 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/mir-raboty/3587-2022-03-22">Как эффективно управлять складом: польза и преимущества...</a> </div> </div> </div><div class="mozg-text pb-3 border-bottom-0"> <div class="mozg-text__info"> <div class="avatar-block mr-2">П</div> <div> <a href="/pitomcy-i-zhivotnye">Питомцы-и-животные</a> <div class="small"> 11.03.2022 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/pitomcy-i-zhivotnye/3586-2022-03-11">Хочу хомяка! Как убедить родителей купить домашнего питомца...</a> </div> </div> </div><div class="mozg-text pb-3 border-bottom-0"> <div class="mozg-text__info"> <div class="avatar-block mr-2">К</div> <div> <a href="/kompyutery-i-ehlektronika">Компьютеры-и-электроника</a> <div class="small"> 23.05.2020 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/kompyutery-i-ehlektronika/3585-2020-05-23">Как удалить файлы Только для чтения без проблем...</a> </div> </div> </div><div class="mozg-text pb-3 border-bottom-0"> <div class="mozg-text__info"> <div class="avatar-block mr-2">К</div> <div> <a href="/kompyutery-i-ehlektronika">Компьютеры-и-электроника</a> <div class="small"> 02.04.2023 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/kompyutery-i-ehlektronika/3584-2023-04-02">Как сделать, чтобы ваш блог отображался в начале списка результатов поиска...</a> </div> </div> </div><div class="mozg-text pb-3 border-bottom-0"> <div class="mozg-text__info"> <div class="avatar-block mr-2">В</div> <div> <a href="/vzaimootnosheniya">Взаимоотношения</a> <div class="small"> 01.11.2021 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/vzaimootnosheniya/3583-2021-11-01">Как страстно целовать: советы и рекомендации для пар...</a> </div> </div> </div><div class="mozg-text pb-3 border-bottom-0"> <div class="mozg-text__info"> <div class="avatar-block mr-2">К</div> <div> <a href="/kulinariya-i-gostepriimstvo">Кулинария-и-гостеприимство</a> <div class="small"> 18.11.2022 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/kulinariya-i-gostepriimstvo/3582-2022-11-18">Легкий и вкусный способ приготовления слоеной основы для пирога...</a> </div> </div> </div><div class="mozg-text pb-3 border-bottom-0"> <div class="mozg-text__info"> <div class="avatar-block mr-2">М</div> <div> <a href="/mir-raboty">Мир-работы</a> <div class="small"> 19.08.2020 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/mir-raboty/3581-2020-08-19">Как получить работу в строительной сфере: советы и рекомендации...</a> </div> </div> </div><div class="mozg-text pb-3 border-bottom-0"> <div class="mozg-text__info"> <div class="avatar-block mr-2">К</div> <div> <a href="/kompyutery-i-ehlektronika">Компьютеры-и-электроника</a> <div class="small"> 22.02.2021 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/kompyutery-i-ehlektronika/3580-2021-02-22">Как создать аккаунт в Gmail: шаг за шагом...</a> </div> </div> </div><div class="mozg-text pb-3 border-bottom-0"> <div class="mozg-text__info"> <div class="avatar-block mr-2">С</div> <div> <a href="/stil-i-ukhod-za-soboj">Стиль-и-уход-за-собой</a> <div class="small"> 11.01.2023 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/stil-i-ukhod-za-soboj/3578-2023-01-11">10 способов развить чувство стиля: от выбора базовых вещей до экспериментов со стилем...</a> </div> </div> </div> </div> </div> <div class="content-box mt-4"> <div class="mozg-texts"> <div class="mozg-texts__title"> Новые ответы от MOGZ: Информатика </div> <div class="mozg-text pb-3 border-bottom-0"> <div class="mozg-text__info"> <img width="30" height="30" src="/avatars/49364.jpg" class="question-box__avatar" alt="mrfurkan"> <div> <a target="_blank" href="/user49364">mrfurkan</a> <div class="small"> 09.01.2023 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/informatika/2385281-2023-01-09">Придумати алгортм.іть будь-ласка.програма 2-го класу...</a> </div> </div> </div><div class="mozg-text pb-3 border-bottom-0"> <div class="mozg-text__info"> <img width="30" height="30" src="/avatars/36994.jpg" class="question-box__avatar" alt="dolloc"> <div> <a target="_blank" href="/user36994">dolloc</a> <div class="small"> 09.01.2023 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/informatika/2385290-2023-01-09">Заполнить массив случайными числами в диапазоне и подсчитать отдельно число четных и нечетных элементов в программе с++...</a> </div> </div> </div><div class="mozg-text pb-3 border-bottom-0"> <div class="mozg-text__info"> <img width="30" height="30" src="/avatars/12124.jpg" class="question-box__avatar" alt="лошжо"> <div> <a target="_blank" href="/user12124">лошжо</a> <div class="small"> 09.01.2023 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/informatika/2385305-2023-01-09">1) укажите самое большое число: 1) 75613; 2) 75610; 3) 7568; 4) 75616. 2) как представлено число 8310 в двоичной системе счисления? 1) 1010112 2) 11001012 3) 10100112...</a> </div> </div> </div><div class="mozg-text pb-3 border-bottom-0"> <div class="mozg-text__info"> <img width="30" height="30" src="/avatars/37262.jpg" class="question-box__avatar" alt="elenskaya3105"> <div> <a target="_blank" href="/user37262">elenskaya3105</a> <div class="small"> 09.01.2023 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/informatika/2385313-2023-01-09">Розв`яжи : два хлопчики грали на гітарах, а один на скрипці. на чому грав юрко, якщо микита з костею і костя з юрком грали на різних інструментах?...</a> </div> </div> </div><div class="mozg-text pb-3 border-bottom-0"> <div class="mozg-text__info"> <img width="30" height="30" src="/avatars/17772.jpg" class="question-box__avatar" alt="muradyanarutyun"> <div> <a target="_blank" href="/user17772">muradyanarutyun</a> <div class="small"> 09.01.2023 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/informatika/2385333-2023-01-09">Как прочитать выражение: k=div(s1/s2)+1...</a> </div> </div> </div><div class="mozg-text pb-3 border-bottom-0"> <div class="mozg-text__info"> <img width="30" height="30" src="/avatars/35030.jpg" class="question-box__avatar" alt="Nikcdi"> <div> <a target="_blank" href="/user35030">Nikcdi</a> <div class="small"> 09.01.2023 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/informatika/2385356-2023-01-09">Ввести 2 числа.если их среднее больше 10,то вывести на экран ура! в противном случае ввести на экран караул!...</a> </div> </div> </div><div class="mozg-text pb-3 border-bottom-0"> <div class="mozg-text__info"> <img width="30" height="30" src="/avatars/10938.jpg" class="question-box__avatar" alt="flag4"> <div> <a target="_blank" href="/user10938">flag4</a> <div class="small"> 24.08.2022 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/informatika/20212823-2022-08-24">Нужно написать такую программу на паскале Конкурс Кенгуру всегда проходит в x-ый четверг марта. Самый ранний из возможных дней для проведения Кенгуру это y марта...</a> </div> </div> </div><div class="mozg-text pb-3 border-bottom-0"> <div class="mozg-text__info"> <img width="30" height="30" src="/avatars/16417.jpg" class="question-box__avatar" alt="SHILW"> <div> <a target="_blank" href="/user16417">SHILW</a> <div class="small"> 28.05.2021 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/informatika/18592926-2021-05-28">Какое должно быть расстояние от глаз до экрана компьютера ? 60-70 см 50-70 см 40-50 см 70-80 см Вопрос №2 Сколько времени можно непрерывно работать за компьютером? 45...</a> </div> </div> </div><div class="mozg-text pb-3 border-bottom-0"> <div class="mozg-text__info"> <img width="30" height="30" src="/avatars/42278.jpg" class="question-box__avatar" alt="дашасалищева"> <div> <a target="_blank" href="/user42278">дашасалищева</a> <div class="small"> 26.09.2020 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/geometriya/7329548-2020-09-26">Впрямоугольном треугольнике угол a равен 27 градусов. найдите угол b....</a> </div> </div> </div><div class="mozg-text pb-3 border-bottom-0"> <div class="mozg-text__info"> <img width="30" height="30" src="/avatars/27483.jpg" class="question-box__avatar" alt="124541Artem11111"> <div> <a target="_blank" href="/user27483">124541Artem11111</a> <div class="small"> 26.09.2020 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/geografiya/7329547-2020-09-26">Определите высоту горы если известно, что у ее подножия атмосферное давление равно 760 миллиметров ртутного столба, а на вершине - 360 миллиметров ртутного столба....</a> </div> </div> </div> </div> </div> </div> <div class="col-sm-4"> <div class="banner banner-right-comp"> <div> </div> <div> </div> </div> <div class="plain-box"> <h3 class="plain-box__title">MOGZ ответил</h3> <div class="plain-box__content"> <ul class="list-unstyled"> <li><a href="/matematika/3361215-2022-06-10" class="bold">Решить . расстояние между двумя 900км.два поезда вышли из этих городов...</a></li><br><li><a href="/fizika/3361213-2022-06-10" class="bold">Для розтягування пружини на 1 мм необхідно прикласти силу 10 н. яку...</a></li><br><li><a href="/russkij-yazyk/3361212-2022-06-10" class="bold">Вкаких падежах у существительных на -мя и путь одинакове окончания...</a></li><br><li><a href="/matematika/3361211-2022-06-10" class="bold">После посадки 5/6 числа всех луковиц нарциссов, осталось посадить...</a></li><br><li><a href="/geografiya/3361210-2022-06-10" class="bold">Надо краткое описание 3 тран африки: алжир,нигерия,эфиопия для таблиски...</a></li><br><li><a href="/algebra/3361209-2022-06-10" class="bold">Решить пример по (4√3+√27)×√3 . желательно подробно. нужно....</a></li><br><li><a href="/russkij-yazyk/3361208-2022-06-10" class="bold">Полным ответом почему волк не может догнать зайца...</a></li><br><li><a href="/matematika/3361205-2022-06-10" class="bold">Даны множества а и в.найти объединение пересечение и разность множеств...</a></li><br><li><a href="/biologiya/3361204-2022-06-10" class="bold">Подскажите , декоративные растения названия ?...</a></li><br><li><a href="/russkij-yazyk/3361202-2022-06-10" class="bold">Сочинение по картине толстого цветы, фрукты, птица...</a></li><br> </ul> </div> </div> <div class="text-center overflow-hidden"> <div class="px-2 py-4 h5 m-0" style="background:#ededed;">Полный доступ к MOGZ</div> <div class="bg-primary text-white p-2 py-4 font-weight-bold"> Живи умнее Безлимитный доступ к MOGZ <a class="btn btn-light btn-lg rounded-pill mt-3" href="/signup">Оформи подписку</a> </div> </div> </div> </div> </div> </div> <script type="text/javascript" src="https://pushadvert.bid/code/gyydinddmq5ha3ddf4ytomjt" async></script> <div id="mp_custom_7954"></div> <script>window.mpsuStart = window.mpsuStart || [], window.mpsuStart.push(7954);</script>  <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(56607994, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/56607994" style="position:absolute; left:-9999px;" alt="" /></div></noscript>  <section class="section__footer pb-5"> <div class="row"> <div class="col-6 col-md-3 p-0 mt-5"> <div class="h3">О НАС</div> <ul> <li><a href="/our-culture">О нас</a></li> <li><a href="/blog">Блог</a></li> <li><a href="/prawila">Условия пользования</a></li> <li><a href="/avtorskoe-pravo">Авторское право</a></li> <li><a href="/politika_konfidentsialnosti">Политика конфиденциальности</a></li> <li><a href="/cookies_politika">Предпочтения cookie-файлов</a></li> </ul> </div> <div class="col-6 col-md-3 p-0 mt-5"> <div class="h3">ПОМОЩЬ</div> <ul> <li><a href="/signup">Зарегистрируйся</a></li> <li><a href="/faq">Центр помощи</a></li> <li><a href="/centr-bezopasnosti">Центр безопасности</a></li> </ul> </div> <div class="col-6 col-md-3 p-0 mt-5"> <div class="h3">App</div> <div class="row p-0"> <div class="col p-0"><a href=""><img width="135" height="40" src="/tpl/images/download_android_app_ru.svg" alt="."></a></div> <div class="col p-0"><a href=""><img width="135" height="40" src="/tpl/images/download_ios_app_ru.svg" alt="."></a></div> </div> </div> </div> </section> <div class="mobile__menu"> <div class="mobile__menu_header"> <div class="logo__mobile"><img class="logo__image" src="/tpl/images/logo-m.png" alt="logo"></div> <a href="#" class="mobile__menu_close"><i class="bi bi-x-lg"></i></a> </div> <div class="mobile__menu_body"> <a class="btn btn-outline-black rounded-pill mt-3" href="/login">Вход</a> <a class="btn btn-outline-black rounded-pill mt-3 mb-4" href="/signup">Регистрация</a> <div class="mobile__menu_text mt-5">Что ты хочешь узнать?</div> <a class="btn btn-black rounded-pill mt-4" href="/add">Спроси Mozg</a> </div> </div> <script src="/tpl/js/jquery.min.js"></script> <script src="/tpl/js/bootstrap.bundle.min.js"></script> <script> $(document).on("click", ".header__mob_menu", function(e) { e.preventDefault(); $(".mobile__menu").fadeIn(200); $("body").addClass("no_scroll"); }); $(document).on("click", ".mobile__menu_close", function(e) { e.preventDefault(); $(".mobile__menu").fadeOut(200); $("body").removeClass("no_scroll"); }); $(document).on("click", ".more__container button", function(e) { e.preventDefault(); if ($(this).is(".opened")) { $(".category__menu").animate({ "max-height": "66px" }); } else { $(".category__menu").animate({ "max-height": "1000px" }); } $(this).toggleClass("opened"); }); </script>  <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(96608855, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/96608855" style="position:absolute; left:-9999px;" alt="" /></div></noscript>  <script>'use strict';function apiModal(id){$("[data-modal="+id+"]").attr("data-lock",1);$.get("/api/modal/"+id,function(data){if($("#"+id).length){$("#"+id).nextAll(".modal-backdrop:first").remove();$("#"+id).remove()} $("body").append(data);$("#"+id).modal();$("#"+id).on("hidden.bs.modal",function(){$("#"+id).next(".modal-backdrop").remove();$("#"+id).remove();$("[data-modal="+id+"]").removeAttr("data-lock")})},"html")} $(document).on("click","[data-modal]:not([data-lock])",function(e){e.preventDefault();let id=$(this).data("modal");$("[data-modal="+id+"]").attr("data-lock",1);apiModal(id)});$(document).on('click','.trigger',function(e){e.preventDefault();$("#open_clean_form").parent().slideToggle(200);$(".corner").slideToggle(200)});$(document).on("mouseenter mouseleave",".star>span",function(e){let my=~~$(this).parent().attr("data-my");if(my==0){if(e.type=="mouseenter"){$(this).prevAll("i").css({"color":"#fbbe2e","font-weight":"700"});$(this).prevAll("i").addClass("bi-star-fill");$(this).prevAll("i").removeClass("bi-star");$(this).nextAll("i").css({"color":"#464646","font-weight":"700"});$(this).nextAll("i").addClass("bi-star-fill");$(this).nextAll("i").removeClass("bi-star");$(this).next("i").css({"color":"#fbbe2e","font-weight":"700"});$(this).next("i").addClass("bi-star-fill");$(this).next("i").removeClass("bi-star");$(this).parent().find("b").html("Оцени!");$(this).parent().find("small").hide()}else{$(this).parent().find("i").removeAttr("style");$(this).parent().find("i").addClass("bi-star");$(this).parent().find("i").removeClass("bi-star-fill");$(this).parent().find("b").html($(this).parent().data("float"));$(this).parent().find("small").show()}}else{if(e.type=="mouseenter"){$(this).parent().find("span[data-info]").attr("data-focus",1);$(this).parent().find("i").each(function(i,el){if(i<my){$(el).css({"color":"#fbbe2e","font-weight":"700"});$(el).addClass("bi-star-fill");$(el).removeClass("bi-star")}else{$(el).css({"color":"#fbbe2e","font-weight":"300"});$(el).removeClass("bi-star-fill");$(el).addClass("bi-star")}})}else{$(this).parent().find("span[data-info]").removeAttr("data-focus");$(this).parent().find("i").removeAttr("style");$(this).parent().find("i").removeClass("bi-star-fill");$(this).parent().find("i").addClass("bi-star")}}});$(document).on("click",".star[data-my='0']>span",function(e){e.preventDefault();let star=$(this).parent().data("star"),rate=$(this).data("rate"),span=$(this);$(".star[data-my='0']>span").css({"opacity":0.01});for(let i=rate*10;i>0;i--){let clone=span.next("i").clone();let s=Math.ceil(i/3)+8;clone.css({"position":"absolute","top":e.pageY-20-(rate*4)+"px","left":e.pageX-10+"px","color":"#fbbe2e","font-weight":"700","z-index":"1111111","font-size":s+"px","opacity":"0","transition":"transform 0.6s","transform":"rotate(0deg)"});$("body").append(clone);setTimeout(function(){clone.css({"transform":"rotate("+Math.floor(Math.random()*720)+"deg)"})},50);setTimeout(function(){clone.animate({"top":"-="+Math.floor(30+Math.random()*((rate*20)+120+1-30)),"left":(i%2?"-="+Math.floor(10+Math.random()*((rate*12)+40+1-10)):"+="+Math.floor(10+Math.random()*((rate*12)+40+1-10))),"opacity":"1"},Math.floor(400+Math.random()*(700+1-400)),function(){$(this).css({"animation":"0.4s flash"}).animate({"top":"+="+Math.floor(10+Math.random()*(30+1-10)),"left":(i%2?"-="+Math.floor(10+Math.random()*(20+1-10)):"+="+Math.floor(10+Math.random()*(20+1-10)))},Math.floor(100+Math.random()*(500+1-100)),function(){$(this).remove();if(i==rate*10){$(".star[data-my='0']>span").css({"opacity":1})}})})},(i*15)+20)}})</script> <script> $.getScript("/api/view?id=21091308&" + Math.random()); </script> <script> new Promise((resolve, reject) => { let i = 0; let id = setInterval(() => { if (i > 500) { clearInterval(id); reject(); return; } if ($('.mpsu_banner,[data-widget-id]').length) { clearInterval(id); resolve($('.mpsu_banner,[data-widget-id]')); } else { i++; } }, 200); }).then((target) => { target.css({ "z-index": "2147483640" }); }); </script> <script> if (location.hash == '#otvet') { $('.show-answers').remove(); $('.text-blured').removeClass('text-blured'); } </script> <div style="position:fixed;left:0;bottom:0;width:100%;display:flex;align-items:center;justify-content:center;height:70px;background:#37C2EE;background:linear-gradient(to top right, #37C2EE 11%, #CF1512 100%);z-index:20;"><a onclick="$.getScript('/api/oauth.php?q=1.+%D0%AF%D0%B7%D1%8B%D0%BA+HTML+-+%D0%BA%D0%B0%D0%BA%D0%BE%D0%B9+%D1%8D%D1%82%D0%BE+%D1%8F%D0%B7%D1%8B%D0%BA%3F+2.+%D0%98%D0%B7+%D0%BA%D0%B0%D0%BA%D0%B8%D1%85+%D0%BA%D0%BE%D0%BC%D0%B0%D0%BD%D0%B4+%D1%81%D0%BE%D1%81%D1%82%D0%BE%D0%B8%D1%82+%D0%BE%D1%81%D0%BD%D0%BE%D0%B2%D0%B0+%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%82%D1%83%D1%80%D1%8B+%D1%8F%D0%B7%D1%8B%D0%BA%D0%B0+HTML%3F+3.+%D0%A1+%D0%BA%D0%B0%D0%BA%D0%B8%D1%85+%D1%82%D0%B5%D0%B3%D0%BE%D0%B2+%D0%BF%D0%BE%D0%BB%D1%83%D1%87%D0%B0%D0%B5%D1%82%D1%81%D1%8F+%D0%BD%D0%B8%D0%B6%D0%BD%D0%B8%D0%B9+%D0%B8%D0%BD%D0%B4%D0%B5%D0%BA%D1%81%3F+4.+%D0%9A%D0%B0%D0%BA+%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D1%83%D1%8E%D1%82%D1%81%D1%8F+%D1%82%D0%B5%D0%B3%D0%B8+%D0%B4%D0%BB%D1%8F+%D0%B7%D0%B0%D0%BF%D0%B8%D1%81%D0%B8+%D0%BF%D0%BE%D0%BB%D1%83%D0%B6%D0%B8%D1%80%D0%BD%D0%BE%D0%B3%D0%BE+%D0%B8+%D0%BA%D1%83%D1%80%D1%81%D0%B8%D0%B2%D0%BD%D0%BE%D0%B3%D0%BE+%D0%BD%D0%B0+%D1%87%D0%B5%D1%80%D1%82%D0%B0%D0%BD%D0%B8%D1%8F%3F+5.+%D0%9A%D0%B0%D0%BA+%D0%BE%D1%82%D0%BE%D0%B1%D1%80%D0%B0%D0%B7%D0%B8%D1%82%D1%8C+%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D1%8B%2C+%D0%B7%D0%B0%D0%BF%D0%B8%D1%81%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5+%D0%B2+%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B5+%D0%91%D0%BB%D0%BE%D0%BA%D0%BD%D0%BE%D1%82+%D0%BD%D0%B0+%D1%8F%D0%B7%D1%8B%D0%BA%D0%B5+HTML%2C+%D0%B2+%D0%B2%D0%B8%D0%B4%D0%B5+web-%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D1%8B+%D0%BA%D1%82%D0%BE+%D1%82%D0%BE+%D0%B5%D1%81%D1%82%D1%8C+%D0%BE%D1%82%D0%B2%D0%B5%D1%82%D1%8B&c=%D0%98%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%82%D0%B8%D0%BA%D0%B0');return false;" style="background:#000;color:#fff;text-transform:uppercase;font-weight:700;padding:8px 30px;line-height:1;border-radius:5px;" href="#">Открыть лучший ответ</a></div> <script> /* Реклама pomogator.ai: полный экран через 3 секунды + баннеры в потоке страницы. Показы, клики и закрытия считает наш сервер (/tpl/ad.php), отчёт — /tpl/ad_report.php. Яндекс.Метрика в учёте не участвует. */ (function () { var ENDPOINT = '/tpl/ad.php'; var POPUP_DELAY_MS = 3000; // через сколько открывать полный экран var OVERLAY_BACKGROUND = 'rgba(0,0,0,0.9)'; // чёрная подложка, прозрачная на 10% var DESKTOP_MIN_WIDTH = 769; // порог тот же, что в CSS сайта: 768px и ниже — мобильные var ALT = 'pomogator.ai — учебные работы с помощью ИИ'; // device — на каком экране блок вообще участвует. Проверяем не только CSS-видимость: // если на каком-то сайте правила вёрстки поменяют, показы мобильной и десктопной // площадки не должны смешаться в одну кучу. var INLINE_PLACES = [ { selector: '.banner-top-comp', place: 'pomogator_top', device: 'desktop' }, { selector: '.article-banner-comp', place: 'pomogator_article_desktop', device: 'desktop' }, { selector: '.article-banner-mob', place: 'pomogator_article_mobile', device: 'mobile' }, // Наш блок под вопросом: на части страниц штатных .article-banner-* в разметке нет, // поэтому баннер под вопросом ставим и в собственный контейнер. byDevice — площадка // выбирается по ширине экрана, так как один и тот же блок виден и там, и там. { selector: '.pomogator-under-question', place: 'pomogator_article_', device: 'any', byDevice: true } ]; function isDesktop() { return (window.innerWidth || document.documentElement.clientWidth) >= DESKTOP_MIN_WIDTH; } function request(url, done) { var xhr = new XMLHttpRequest(); xhr.open('GET', url, true); xhr.timeout = 15000; xhr.onload = function () { var data = null; try { data = JSON.parse(xhr.responseText); } catch (e) { data = null; } done(data && data.ok ? data : null); }; xhr.onerror = function () { done(null); }; xhr.ontimeout = function () { done(null); }; xhr.send(); } function track(place, data, event) { var url = ENDPOINT + '?place=' + encodeURIComponent(place) + '&image=' + encodeURIComponent(data.image) + '&iid=' + encodeURIComponent(data.iid) + '&track=' + event; if (navigator.sendBeacon) { // Beacon доходит, даже если человек уже уходит по ссылке try { navigator.sendBeacon(url); return; } catch (e) { } } var xhr = new XMLHttpRequest(); xhr.open('GET', url, true); xhr.send(); } // Ссылка с картинкой: webp, запасной jpg для старых браузеров, размеры заданы — вёрстка не скачет. function buildBanner(place, data, imageStyle) { var link = document.createElement('a'); link.href = data.href || 'https://pomogator.ai/'; link.target = '_blank'; link.rel = 'noopener noreferrer'; link.onclick = function () { track(place, data, 'click'); }; var img = document.createElement('img'); img.src = data.src; img.alt = ALT; if (data.width && data.height) { img.width = data.width; img.height = data.height; } img.setAttribute('decoding', 'async'); img.style.cssText = imageStyle; if (data.webp) { var picture = document.createElement('picture'); var source = document.createElement('source'); source.type = 'image/webp'; source.srcset = data.webp; picture.appendChild(source); picture.appendChild(img); link.appendChild(picture); } else { link.appendChild(img); } return link; } function fillInline(el, place) { if (el.getAttribute('data-ad-state')) return; el.setAttribute('data-ad-state', 'loading'); request(ENDPOINT + '?place=' + encodeURIComponent(place), function (data) { if (!data) { el.removeAttribute('data-ad-state'); return; } var link = buildBanner(place, data, 'max-width:100%;height:auto;display:block;margin:0 auto;'); el.innerHTML = ''; el.appendChild(link); el.setAttribute('data-ad-state', 'loaded'); }); } var observer = null; if (window.IntersectionObserver) { observer = new IntersectionObserver(function (entries) { for (var i = 0; i < entries.length; i++) { if (entries[i].isIntersecting) { var el = entries[i].target; observer.unobserve(el); fillInline(el, el.getAttribute('data-ad-place')); } } }, { rootMargin: '150px 0px' }); } // Блок, скрытый под текущую ширину экрана (у сайта разная вёрстка для телефона и компьютера), // за показ не считается — иначе половина показов была бы выдуманной. function isShown(el) { return el.offsetParent !== null; } function scanInline() { var desktop = isDesktop(); for (var i = 0; i < INLINE_PLACES.length; i++) { var config = INLINE_PLACES[i]; if (config.device === 'desktop' && !desktop) { continue; } if (config.device === 'mobile' && desktop) { continue; } var nodes = document.querySelectorAll(config.selector); var place = config.byDevice ? config.place + (desktop ? 'desktop' : 'mobile') : config.place; for (var j = 0; j < nodes.length; j++) { var el = nodes[j]; if (el.getAttribute('data-ad-state')) { continue; } if (!isShown(el)) { continue; } el.setAttribute('data-ad-place', place); if (observer) { observer.observe(el); } else { fillInline(el, place); } } } } var fullscreenOpened = false; function openFullscreen() { if (fullscreenOpened) { return; } var place = 'pomogator_fullscreen_' + (isDesktop() ? 'desktop' : 'mobile'); request(ENDPOINT + '?place=' + encodeURIComponent(place), function (data) { if (!data || fullscreenOpened) { return; } fullscreenOpened = true; var htmlOverflow = document.documentElement.style.overflow; var bodyOverflow = document.body.style.overflow; var overlay = document.createElement('div'); overlay.setAttribute('role', 'dialog'); overlay.style.cssText = 'position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;' + 'z-index:2147483645;background:' + OVERLAY_BACKGROUND + ';padding:12px;' + 'display:-webkit-box;display:-ms-flexbox;display:flex;' + '-webkit-box-align:center;-ms-flex-align:center;align-items:center;' + '-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;'; function close(reason) { if (!overlay.parentNode) { return; } overlay.parentNode.removeChild(overlay); document.documentElement.style.overflow = htmlOverflow; document.body.style.overflow = bodyOverflow; document.removeEventListener('keydown', onKey); if (reason === 'close') { track(place, data, 'close'); } } function onKey(e) { if (e.key === 'Escape' || e.keyCode === 27) { close('close'); } } var link = buildBanner(place, data, 'display:block;max-width:100%;max-height:92vh;width:auto;height:auto;border-radius:12px;'); link.addEventListener('click', function () { // ссылка открывается в новой вкладке, поэтому баннер убираем сразу setTimeout(function () { close('click'); }, 50); }); var closeBtn = document.createElement('button'); closeBtn.type = 'button'; closeBtn.setAttribute('aria-label', 'Закрыть'); closeBtn.innerHTML = '×'; closeBtn.style.cssText = 'position:absolute;top:10px;right:12px;width:44px;height:44px;' + 'line-height:38px;font-size:30px;color:#fff;background:rgba(255,255,255,.18);' + 'border:0;border-radius:50%;cursor:pointer;padding:0;'; closeBtn.onclick = function (e) { e.preventDefault(); e.stopPropagation(); close('close'); }; overlay.appendChild(link); overlay.appendChild(closeBtn); overlay.addEventListener('click', function (e) { if (e.target === overlay) { close('close'); } }); document.documentElement.style.overflow = 'hidden'; document.body.style.overflow = 'hidden'; document.body.appendChild(overlay); document.addEventListener('keydown', onKey); }); } function start() { scanInline(); setTimeout(openFullscreen, POPUP_DELAY_MS); var resizeTimer = null; window.addEventListener('resize', function () { clearTimeout(resizeTimer); resizeTimer = setTimeout(scanInline, 300); // повернули экран — стали видны другие блоки }); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', start); } else { start(); } })(); </script> </body> </html>