Создайте web-страницу, на которой будет отображаться текст, приведенный ниже:
Всякая работа мастера хвалит

👇

Увидеть ответ

Ответ:

Lichnosti

23.03.2023

Веб страница
Это страница с нужным нам обвесом информации

4,6(52 оценок)

Ответ:

ксения6538

23.03.2023

Хорошо, я с радостью помогу вам создать такую web-страницу с данным текстом.

Шаг 1: Создание HTML-файла
Начнем с создания нового файла с расширением .html. Вы можете использовать любой текстовый редактор, такой как Блокнот или Visual Studio Code, чтобы создать его. Вставьте следующий код в HTML-файл:

```html

Моя web-страница

Всякая работа мастера хвалит

```

Шаг 2: Открытие веб-страницы в браузере
Откройте созданный HTML-файл в любом веб-браузере, щелкнув по нему дважды. Вы увидите веб-страницу с текстом "Всякая работа мастера хвалит".

Объяснение:
: Этот тег определяет, что документ является HTML-документом.
: Этот тег содержит метаинформацию о документе, такую как заголовок (title) вкладки браузера.
: Этот тег устанавливает заголовок страницы, который отображается во вкладке браузера.<br /> <body>: Этот тег определяет содержимое веб-страницы, которое отображается в окне браузера.<br /> <p>: Этот тег создает абзац с текстом "Всякая работа мастера хвалит".<br /> <br /> Таким образом, весь код используется для создания базовой HTML-страницы с абзацем, содержащим заданный текст "Всякая работа мастера хвалит". </div> <div class="row my-3"> <div class="voting col" data-vote="191910163"> <div data-text="Спасибо"></div> <div data-text="Не помогло"></div> </div> <div class="star col mt-4 mt-md-0" data-star="191910163" data-my="0" data-float="4,7"><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,7</b><small style="">(56 оценок)</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="/obrazovanie">Образование</a> <div class="small"> 06.01.2021 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/obrazovanie/4064-2021-01-06">Клюква стоит 250 рублей за кг, а малина 200....</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="/obrazovanie">Образование</a> <div class="small"> 16.03.2023 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/obrazovanie/4063-2023-03-16">Решить систему уравнений x2 + y2 + xy = 3...</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="/obrazovanie">Образование</a> <div class="small"> 05.08.2020 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/obrazovanie/4062-2020-08-05">Решить систему уравнений x2 + xy +y2 = 13...</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="/obrazovanie">Образование</a> <div class="small"> 06.04.2022 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/obrazovanie/4061-2022-04-06">В треугольнике АВС проведена биссектриса АК...</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="/obrazovanie">Образование</a> <div class="small"> 11.03.2020 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/obrazovanie/4060-2020-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="/obrazovanie">Образование</a> <div class="small"> 27.04.2022 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/obrazovanie/4059-2022-04-27">Первые 300 км автомобиль ехал со скоростью 60 км/час...</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="/obrazovanie">Образование</a> <div class="small"> 02.06.2023 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/obrazovanie/4058-2023-06-02">В треугольнике АВС точка D на стороне АВ...</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="/obrazovanie">Образование</a> <div class="small"> 21.07.2020 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/obrazovanie/4057-2020-07-21">Из разных городов, расстояние между которыми 600 км...</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="/obrazovanie">Образование</a> <div class="small"> 29.01.2020 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/obrazovanie/4056-2020-01-29">Из пункта А в пункт B, расстояние между которыми 84 км...</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="/hobbi">Хобби-и-рукоделие</a> <div class="small"> 21.02.2021 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/hobbi/4055-2021-02-21">Правила и техника игры в карточную игру Скорость...</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/5268.jpg" class="question-box__avatar" alt="viktoriakruminaВика"> <div> <a target="_blank" href="/user5268">viktoriakruminaВика</a> <div class="small"> 09.11.2020 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/informatika/10377695-2020-11-09">Пользуясь этой программой, найдите значение функции и заполните таблицу. 1,23 -45,65 3,12 -15,1 528,3 ...</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/20388.jpg" class="question-box__avatar" alt="kitikunit"> <div> <a target="_blank" href="/user20388">kitikunit</a> <div class="small"> 08.07.2020 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/informatika/10377728-2020-07-08">Сделать в этом скрипте для исполнителя чертёжник алгоритм, с которого надо нарисовать 4 ряда вниз таких стрелочек...</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/4059.jpg" class="question-box__avatar" alt="BrookIyn"> <div> <a target="_blank" href="/user4059">BrookIyn</a> <div class="small"> 01.09.2022 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/informatika/10377733-2022-09-01">Вводится число массива n. найдите количество отрицательных элементов в этом массиве....</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/26984.jpg" class="question-box__avatar" alt="Minecraftserver34"> <div> <a target="_blank" href="/user26984">Minecraftserver34</a> <div class="small"> 03.08.2021 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/informatika/10377740-2021-08-03">Решите if2 и if3 из встроеного...</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/30794.jpg" class="question-box__avatar" alt="marinandnatasha1"> <div> <a target="_blank" href="/user30794">marinandnatasha1</a> <div class="small"> 21.04.2021 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/informatika/10377745-2021-04-21">Дан целочисленный массив из 30 элементов. элементы массива могут принимать произвольные целые значения. напишите программу, которая находит и выводит номера двух элементов...</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/5489.jpg" class="question-box__avatar" alt="lizzili"> <div> <a target="_blank" href="/user5489">lizzili</a> <div class="small"> 29.09.2022 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/informatika/10377782-2022-09-29">Ограничение времени 1 секунда ограничение памяти 64mb ввод стандартный ввод или input.txt вывод стандартный вывод или output.txt на некоторых кросс-платформенных станциях...</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/12443.jpg" class="question-box__avatar" alt="ElizabetSnow"> <div> <a target="_blank" href="/user12443">ElizabetSnow</a> <div class="small"> 11.05.2020 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/informatika/10377794-2020-05-11">Учитель задал , cкажите, что в итоге получится должно быть 9 ответов...</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/9332.jpg" class="question-box__avatar" alt="mercurry"> <div> <a target="_blank" href="/user9332">mercurry</a> <div class="small"> 06.04.2023 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/informatika/10377795-2023-04-06">Можно ли в теле цикла изменять значение параметра цикла? ...</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/16539.jpg" class="question-box__avatar" alt="сымбат64"> <div> <a target="_blank" href="/user16539">сымбат64</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/6001969-2021-05-28">1.в трехзначном числе х зачеркнули его вторую цифру.когда к образованному при этом двузначному числу слева приписали вторую цифру числа х,то получилось число 546,найти х....</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/12900.jpg" class="question-box__avatar" alt="Аринка20061"> <div> <a target="_blank" href="/user12900">Аринка20061</a> <div class="small"> 04.09.2020 </div> </div> </div> <div class="mozg-text__wrap"> <div class="mozg-text__text js-comment-text"> <a href="/informatika/6001922-2020-09-04">Кто такой клод шеннон и чем он занимается?...</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="/algebra/12439933-2021-08-25" class="bold">Опитавши 10 випадково вибраних працівників автосалону щодо стажу їх роботи,...</a></li><br><li><a href="/geografiya/12439935-2020-02-20" class="bold">КАКИЕ УСЛОВИЯ НАБЛЮДАЮТСЯ В НИЗОВЬЯХ ГАНГА, ХУАНХЭ, ЯНЦЗЫ, МЕКОНГА 1 БЛАГОПРИЯТНЫЙ...</a></li><br><li><a href="/matematika/12439937-2021-09-22" class="bold">1. Төмендегі берілген шамалар арасындағы тәуелділіктерді формула арқылы...</a></li><br><li><a href="/algebra/12439938-2020-03-22" class="bold">ПО БРАААТСКИ))) Із Львова до Києва одночасно виїхали автобус й автомобіль....</a></li><br><li><a href="/fizika/12439939-2020-03-22" class="bold">Виразити зміну x через зміну y 1)x+y=5 2)y-x=-3...</a></li><br><li><a href="/geometriya/12439940-2023-01-28" class="bold">На сторонах угла ABC отложены равные отрезки BA = BC = 6,8 см и проведена...</a></li><br><li><a href="/russkij-yazyk/12439943-2021-08-03" class="bold">Загадка Кто бежит без ног?...</a></li><br><li><a href="/matematika/12439944-2021-06-22" class="bold">Выполните действие 2-3y/y^2-9 - 5-2y/y-3...</a></li><br><li><a href="/matematika/12439946-2022-11-29" class="bold">Надо решить уравнения, и сделать проверку...</a></li><br><li><a href="/khimiya/12439947-2021-06-22" class="bold">Визнач масу атомів Карбону, які містяться у 171 г сахарози C12H22O11...</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=10800638&" + 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=%D0%A1%D0%BE%D0%B7%D0%B4%D0%B0%D0%B9%D1%82%D0%B5+web-%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D1%83%2C+%D0%BD%D0%B0+%D0%BA%D0%BE%D1%82%D0%BE%D1%80%D0%BE%D0%B9+%D0%B1%D1%83%D0%B4%D0%B5%D1%82+%D0%BE%D1%82%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B0%D1%82%D1%8C%D1%81%D1%8F+%D1%82%D0%B5%D0%BA%D1%81%D1%82%2C+%D0%BF%D1%80%D0%B8%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%BD%D1%8B%D0%B9+%D0%BD%D0%B8%D0%B6%D0%B5%3A+%D0%92%D1%81%D1%8F%D0%BA%D0%B0%D1%8F+%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B0+%D0%BC%D0%B0%D1%81%D1%82%D0%B5%D1%80%D0%B0+%D1%85%D0%B2%D0%B0%D0%BB%D0%B8%D1%82&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>

Создайте web-страницу, на которой будет отображаться текст, приведенный ниже: Всякая работа мастера хвалит

Создайте web-страницу, на которой будет отображаться текст, приведенный ниже:
Всякая работа мастера хвалит