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> <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;" class="pulse-button mt-2" href="/signup?url=/informatika/21091363-2021-08-28">Проверить ответ в нейросети</a> <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 id="MF_mozgotvet_D_300x300"></div> <div id="MF_mozgotvet_D_300x600"></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> </body> </html>