В честь окончания учебного года! Скидки до 50% на готовые материалы для учителей на каждый урок

СДЕЛАЙТЕ СВОИ УРОКИ ЕЩЁ ЭФФЕКТИВНЕЕ, А ЖИЗНЬ СВОБОДНЕЕ

Благодаря готовым учебным материалам для работы в классе и дистанционно

Выбрать материалы

Скидки до 50 % на комплекты
только до

Готовые ключевые этапы урока всегда будут у вас под рукой

Организационный момент

Проверка знаний

Объяснение материала

Закрепление изученного

Итоги урока

Была в сети 05.06.2026 20:08

Власовец Надежда Витальевна

Преподаватель информатики

66 676

288

Местоположение

Беларусь, Пинск

Специализация

Информатика

Классному руководителю

Всем учителям

Обо мне Блог Файлы Тесты Галерея Активность Награды

Основы веб-конструирования

Внимание! Все тесты в этом разделе разработаны пользователями сайта для собственного использования. Администрация сайта не проверяет возможные ошибки, которые могут встретиться в тестах.

Тест на знание основ HTML. Для прохождения теста необходимо знание основных тегов и особенностей языка HTML.

Список вопросов теста

Вопрос 1

Что такое html-программа?

Варианты ответов

Документ, который показывает браузер
язык разметки гипертекста
Текст на языке html
Список тегов

Вопрос 2

Кто выполняет html-программу?

Варианты ответов

Человек
Компилятор
Браузер
Windows

Вопрос 3

Записывая на html абзац, Петя Умников между двумя соседними словами поставил пять пробелов. Сколько пробелов он увидит в браузере?

Варианты ответов

Пять
Один
Ни одного
Два

Вопрос 4

Записывая на html свое имя, Иван Гавриков написал так:

<p>

Иван

Гавриков

</p>

Как покажет это текст браузер?

Варианты ответов

В две строки
В одну строку с двумя пробелом
В одну строку с одним пробелом
Не покажет вовсе

Вопрос 5

Какие графические форматы вы можете использовать в html-программе?

Варианты ответов

vax, fla
cdr, pdf
gif, jpeg
tiff, bmp

Вопрос 6

Какой тег встраивает изображение в файл?

Варианты ответов

Table
Align
Img
Alt

Вопрос 7

Между каким тэгом заключается документ HTML?

Варианты ответов

Вопрос 8

Какой из тэгов является непарным?

Варианты ответов

</li> <li> <html></li> </ul> </div> </div> <div class="question_item"> <h5>Вопрос 9</h5> <div class="question_item-description"> <p class="MsoNoSpacing" style="margin:0cm 0cm 0.0001pt"><span style="font-size:11pt"><span style="font-family:Calibri,sans-serif"><span style="font-size:12.0pt"><span style="font-family:"Times New Roman","serif"">Какие из трех программ задают вывод текста в две строки?</span></span></span></span></p> </div> <div class="question_item-variants"> <h6>Варианты ответов</h6> <ul class="question_item-answers"> <li> <p> Иван <br> Гавриков <br> </p></li> <li> <p> Иван <br> Гавриков </p></li> <li> <p> Иван <br>Гавриков </p></li> </ul> </div> </div> <div class="question_item"> <h5>Вопрос 10</h5> <div class="question_item-description"> <p style="margin:0cm 0cm 10pt 36pt"><span style="font-size:11pt"><span style="line-height:115%"><span style="font-family:Calibri,sans-serif"><span style="font-size:12.0pt"><span style="line-height:115%"><span style="font-family:"Times New Roman","serif"">Какой командой выделяются небольшие многостроковые цитаты?</span></span></span></span></span></span></p> </div> <div class="question_item-variants"> <h6>Варианты ответов</h6> <ul class="question_item-answers"> <li> <cite> … </cite></li> <li> <blockquote> … </blockquote></li> </ul> </div> </div> <div class="question_item"> <h5>Вопрос 11</h5> <div class="question_item-description"> <p style="margin:0cm 0cm 10pt"><span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:Calibri,sans-serif"><span style="font-size:12.0pt"><span style="font-family:"Times New Roman","serif""><span style="color:#333333">Тэг форматирования шрифта… </span></span></span></span></span></span></p> </div> <div class="question_item-variants"> <h6>Варианты ответов</h6> <ul class="question_item-answers"> <li> <html></li> <li> <font></li> <li> <title></li> <li> <br></li> </ul> </div> </div> <div class="question_item"> <h5>Вопрос 12</h5> <div class="question_item-description"> <p style="margin:0cm 0cm 10pt 36pt"><span style="font-size:11pt"><span style="line-height:115%"><span style="font-family:Calibri,sans-serif"><span style="font-size:12.0pt"><span style="line-height:115%"><span style="font-family:"Times New Roman","serif"">Какая программа формирует список вида: </span></span></span></span></span></span></p> <ul> <li style="margin: 0cm 0cm 10pt 36pt;"><span style="font-size:11pt"><span style="line-height:115%"><span style="font-family:Calibri,sans-serif"><span style="font-size:12.0pt"><span style="line-height:115%"><span style="font-family:"Times New Roman","serif"">Все, что может испортиться - портиться</span></span></span></span></span></span></li> <li style="margin: 0cm 0cm 10pt 36pt;"><span style="font-size:11pt"><span style="line-height:115%"><span style="font-family:Calibri,sans-serif"><span style="font-size:12.0pt"><span style="line-height:115%"><span style="font-family:"Times New Roman","serif"">Все, что может испортиться - портиться тоже</span></span></span></span></span></span></li> </ul> </div> <div class="question_item-variants"> <h6>Варианты ответов</h6> <ul class="question_item-answers"> <li> <ul type= disc> <li> … <li> … </ul></li> <li> <ul type= circle> <li> … <li> … </ul></li> <li> <ul type= square> <li> … <li> … </ul></li> </ul> </div> </div> <div class="question_item"> <h5>Вопрос 13</h5> <div class="question_item-description"> <p><span style="font-size:12.0pt"><span style="line-height:115%"><span style="font-family:"Times New Roman","serif"">Какая программа формирует список:</span></span></span></p> <p><span style="font-size:12.0pt"><span style="line-height:115%"><span style="font-family:"Times New Roman","serif"">V. Если кажется, что работу сделать легко, это непеременно будет трудно</span></span></span></p> <p><span style="font-size:12.0pt"><span style="line-height:115%"><span style="font-family:"Times New Roman","serif"">VI. Если на вид она трудна, значит выполнить ее абсолютно невозможно</span></span></span></p> </div> <div class="question_item-variants"> <h6>Варианты ответов</h6> <ul class="question_item-answers"> <li> <ul type=I start=5> <li> … <li> … </ul></li> <li> <ol type=I start=5> <li> … <li> … </ol></li> <li> <ol type=I start=v> <li> … <li> … </ol></li> <li> <ol type =v> <li> … <li> … </ol></li> </ul> </div> </div> <div class="question_item"> <h5>Вопрос 14</h5> <div class="question_item-description"> <p style="margin:0cm 0cm 10pt"><span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:Calibri,sans-serif"><span style="font-size:12.0pt"><span style="font-family:"Times New Roman","serif""><span style="color:#333333">Синтаксис цвета… </span></span></span></span></span></span></p> </div> <div class="question_item-variants"> <h6>Варианты ответов</h6> <ul class="question_item-answers"> <li> "#cccccc"</li> <li> "cccccc"</li> <li> #=cccccc</li> <li> cccccc</li> </ul> </div> </div> <div class="question_item"> <h5>Вопрос 15</h5> <div class="question_item-description"> <p style="margin:0cm 0cm 10pt"><span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:Calibri,sans-serif"><span style="font-size:12.0pt"><span style="font-family:"Times New Roman","serif""><span style="color:#333333">Какое расширение имеют Web-страницы? </span></span></span></span></span></span></p> </div> <div class="question_item-variants"> <h6>Варианты ответов</h6> <ul class="question_item-answers"> <li> .txt</li> <li> .doc</li> <li> .html</li> <li> .exe</li> </ul> </div> </div> <div class="question_item"> <h5>Вопрос 16</h5> <div class="question_item-description"> <p style="margin:0cm 0cm 10pt"><span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:Calibri,sans-serif"><span style="font-size:12.0pt"><span style="font-family:"Times New Roman","serif""><span style="color:#333333">Тело документа заключается в тэге… </span></span></span></span></span></span></p> </div> <div class="question_item-variants"> <h6>Варианты ответов</h6> <ul class="question_item-answers"> <li> <body></body></li> <li> <html></html></li> <li> <head></head></li> <li> <font></font></li> </ul> </div> </div> </div> <div class="catalog-block"> <div class="similar-files"> <h2>Комплекты видеоуроков для учителей</h2> </div> <div class="row"> <div class="col-xs-3"> <a target="_blank" href="https://videouroki.net/catalog/view/t6ru/?utm_source=multiurok&utm_medium=banner&utm_campaign=mblockbottom&utm_content=informatika&utm_term=t6ru"> <div> <img src="//fsd.videouroki.net/catalog/img/mini/t6ru.jpg" class="w100"> </div> <p><span title="Электронная тетрадь по информатике 6 класс">Электронная тетрадь по информатике 6...</span></p> </a> </div> <div class="col-xs-3"> <a target="_blank" href="https://videouroki.net/catalog/view/inf6fgos/?utm_source=multiurok&utm_medium=banner&utm_campaign=mblockbottom&utm_content=informatika&utm_term=inf6fgos"> <div> <img src="//fsd.videouroki.net/catalog/img/mini/inf6fgos.jpg" class="w100"> </div> <p><span title="Информатика 6 класс ФГОС">Информатика 6 класс ФГОС</span></p> </a> </div> <div class="col-xs-3"> <a target="_blank" href="https://videouroki.net/catalog/view/infpch/?utm_source=multiurok&utm_medium=banner&utm_campaign=mblockbottom&utm_content=informatika&utm_term=infpch"> <div> <img src="//fsd.videouroki.net/catalog/img/mini/infpch.jpg" class="w100"> </div> <p><span title="Информатика. Почемучки. 1-2 классы">Информатика. Почемучки. 1-2 классы</span></p> </a> </div> <div class="col-xs-3"> <a target="_blank" href="https://videouroki.net/catalog/view/11by/?utm_source=multiurok&utm_medium=banner&utm_campaign=mblockbottom&utm_content=informatika&utm_term=11by"> <div> <img src="//fsd.videouroki.net/catalog/img/mini/11by.jpg" class="w100"> </div> <p><span title="Информатика 11 класс (Беларусь)">Информатика 11 класс (Беларусь)</span></p> </a> </div> </div> <div class="row"> <div class="col-xs-3"> <a target="_blank" href="https://videouroki.net/catalog/view/t5ru/?utm_source=multiurok&utm_medium=banner&utm_campaign=mblockbottom&utm_content=informatika&utm_term=t5ru"> <div> <img src="//fsd.videouroki.net/catalog/img/mini/t5ru.jpg" class="w100"> </div> <p><span title="Электронная тетрадь по информатике 5 класс">Электронная тетрадь по информатике 5...</span></p> </a> </div> <div class="col-xs-3"> <a target="_blank" href="https://videouroki.net/catalog/view/t9ru/?utm_source=multiurok&utm_medium=banner&utm_campaign=mblockbottom&utm_content=informatika&utm_term=t9ru"> <div> <img src="//fsd.videouroki.net/catalog/img/mini/t9ru.jpg" class="w100"> </div> <p><span title="Электронная тетрадь по информатике 9 класс">Электронная тетрадь по информатике 9...</span></p> </a> </div> <div class="col-xs-3"> <a target="_blank" href="https://videouroki.net/catalog/view/inf8/?utm_source=multiurok&utm_medium=banner&utm_campaign=mblockbottom&utm_content=informatika&utm_term=inf8"> <div> <img src="//fsd.videouroki.net/catalog/img/mini/inf8.jpg" class="w100"> </div> <p><span title="Информатика 8 класс">Информатика 8 класс</span></p> </a> </div> <div class="col-xs-3"> <a target="_blank" href="https://videouroki.net/catalog/view/etinf6fgos/?utm_source=multiurok&utm_medium=banner&utm_campaign=mblockbottom&utm_content=informatika&utm_term=etinf6fgos"> <div> <img src="//fsd.videouroki.net/catalog/img/mini/etinf6fgos.jpg" class="w100"> </div> <p><span title="Электронная тетрадь по информатике 6 класс ФГОС">Электронная тетрадь по информатике 6...</span></p> </a> </div> </div> </div> <style> #article .catalog-block img, .catalog-block img { max-height: 92px !important; } .catalog-block p { font-size: 13px } </style> <div class="download" style="margin: 25px 0 5px; text-align: center"> <div style="margin: 10px 0"> <a rel="nofollow" target="_blank" href="/tests/39669/" class="btn btn-primary open-share">Пройти тест</a> </div> <div class="info">Сохранить у себя:</div> <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script> <script src="//yastatic.net/share2/share.js" async="async"></script> <div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus" data-counter="" ></div> </div> <div class="text"> <p>© 2019, <a href="/vlasnadezhda/" title="Власовец Надежда Витальевна">Власовец Надежда Витальевна</a> <span style="float: right"> <span class="glyphicon glyphicon-eye-open"></span> 349</span> </p> <div class="info" style="padding: 5px 0; font-size: 14px"> <p> <a href="/all-tests/informatika/"> Тесты Информатика </a> </p> </div> </div> <div class="show_item custom comments_open"> <div class="body"> <div class="footer_color"> <div class="footer"> <div class="share share_in_tabs"> <div class="icon"></div> <div class="popup"> <a href="http://vk.com/share.php?url=https://multiurok.ru/tests/osnovy-veb-konstruirovaniia.html" class="vk" onclick="window.open(this.href, 'Опубликовать ссылку во Вконтакте', 'width=800,height=300'); return false" title="Опубликовать ссылку во Вконтакте">Вконтакте</a> <a href="https://connect.ok.ru/dk?st.cmd=WidgetSharePreview&st.shareUrl=https://multiurok.ru/tests/osnovy-veb-konstruirovaniia.html" class="ok" onclick="window.open(this.href, 'Опубликовать ссылку в Однокласниках', 'width=800,height=300'); return false" title="Опубликовать ссылку в Однокласниках">Одноклассники</a> <a href="https://connect.mail.ru/share?url=https://multiurok.ru/tests/osnovy-veb-konstruirovaniia.html" class="mailru" onclick="window.open(this.href, 'Опубликовать ссылку в Моём Мире', 'width=800,height=300'); return false" title="Опубликовать ссылку в Моём мире">Мой Мир</a> <a href="https://www.facebook.com/sharer/sharer.php?u=https://multiurok.ru/tests/osnovy-veb-konstruirovaniia.html" class="facebook" onclick="window.open(this.href, 'Опубликовать ссылку в Facebook', 'width=640,height=436,toolbar=0,status=0'); return false" title="Опубликовать ссылку в Facebook">Facebook</a> <a href="http://twitter.com/intent/tweet?text=https://multiurok.ru/tests/osnovy-veb-konstruirovaniia.html" class="twitter" target="_blank" title="Опубликовать ссылку в Twitter">Twitter</a> <a href="https://plus.google.com/share?url=https://multiurok.ru/tests/osnovy-veb-konstruirovaniia.html" class="google_plus" onclick="window.open(this.href, 'Опубликовать ссылку в Google Plus', 'width=800,height=300'); return false" title="Опубликовать ссылку в Google Plus">Google+</a> </div> </div> <div class="abuse"> </div> <a href="/test/like/osnovy-veb-konstruirovaniia/" class="like " data-method="post" data-remote="true" id="like_7874" rel="nofollow"></a> <a rel="nofollow" href="/test/likes/osnovy-veb-konstruirovaniia/" class="likes_count hidden" id="likes_count_7874" data-remote="true"><span class="count">0</span> <span class="labels">нравится</span></a> <div class="comment_count "> <a rel="nofollow" href="/test/comments/osnovy-veb-konstruirovaniia/" data-remote="true"> <span class="no_comments">0</span> <span class="add_comment_text">Нет комментариев</span> </a> </div> <script>$(".show_item .comment_count").on("click", function () { $(this).addClass("loading") });</script> <div class="clear"></div> </div> </div> <div class="users_liked"></div> <div class="comments"></div> </div> </div> </div> </div>  <div class="col-right"> <div class="recommend__lists" style="margin-bottom: 30px; background-color: rgba(181,254,190,0.84); padding: 10px; border-radius:15px; margin-right: -10px;"> <h3 style="font-weight: bold">Вебинар для учителей</h3> <p> <a target="_blank" href="https://videouroki.net/webinar/sovriemiennyie-instrumienty-uchitielia-povyshaiushchiie-effiektivnost-obuchienii.html?utm_source=multiurok&utm_medium=link&utm_campaign=rmenu&utm_content=webinar2023"> <img src="/images/menu/webinar2023start.png" width="100%" alt="" border="0"> </a> </p> <p> <span style="">Свидетельство об участии</span> <span style="color:#ffffff;"> <strong><span style="background-color:#4cae4c; padding: 2px; ">БЕСПЛАТНО!</span></strong> </span> </p> </div> <div class="recommend__lists" style="margin-bottom: 30px;"> <h3 style="font-weight: bold">Полезное для учителя</h3> <ul> <li><a target="_blank" href="https://videouroki.net/subscriptions/?utm_source=multiurok&utm_medium=link&utm_campaign=rmenu&utm_content=subscriptions">Онлайн инструменты с готовыми материалами</a></li> <li><a target="_blank" href="https://videouroki.net/video/start/?utm_source=multiurok&utm_medium=link&utm_campaign=rmenu&utm_content=video">Видеоуроки</a></li> <li><a target="_blank" href="https://videouroki.net/et/start/?utm_source=multiurok&utm_medium=link&utm_campaign=rmenu&utm_content=et">Электронные тетради</a></li> <li><a target="_blank" href="https://videouroki.net/tests/start/?utm_source=multiurok&utm_medium=link&utm_campaign=rmenu&utm_content=tests">Онлайн-тесты</a></li> <li><a target="_blank" href="https://videouroki.net/catalog/?utm_source=multiurok&utm_medium=link&utm_campaign=rmenu&utm_content=catalog">Комплекты для уроков</a></li>    <li><a target="_blank" href="https://videouroki.net/olymp/?utm_source=multiurok&utm_medium=link&utm_campaign=rmenu&utm_content=olymp">Дистанционные олимпиады</a></li> <li><a target="_blank" href="https://videouroki.net/webinar/?utm_source=multiurok&utm_medium=link&utm_campaign=rmenu&utm_content=webinaryuchiteliam">Вебинары для учителей</a> </li><li><a target="_blank" href="https://videouroki.net/blitz/?utm_source=multiurok&utm_medium=link&utm_campaign=rmenu&utm_content=blitz">Блиц турниры</a> </ul> </div> <div id="page-sidebar" class="sidebar" style="padding-top: 20px;"> <div class="b-blog-list"> <div class="b-blog-list__item"> <p class="b-blog-list__title"> <a target="_blank" style="margin-bottom: 20px;" href="https://videouroki.net/look/kvu2022/index.html?utm_source=multiurok&utm_medium=banner&utm_campaign=vr3&utm_content=freecomplect&utm_term=20220830kvu2"> <img width="100%" src="https://fsd.videouroki.net/ro2/2022/08/pro/20220830_mright1-videocourse.png" title="Узнайте о технологиях, которые расширят возможности учителя и помогут организовать эффективный учебный процесс "> </a> </p> </div>        <div class="b-title"> <div class="b-title__title"><a href="/multiurok/blog">Новости проекта</a></div> </div> <div class="b-blog-list__item"> <span class="b-blog-list__date"> 30.12.25 </span> <p class="b-blog-list__title"> <a href="/blog/vsem-uchiteliam-k-novomu-godu-vesiolyi-kalendar-na-2026-god.html"> Всем учителям к Новому году! «Весёлый календарь на 2026 год» </a> </p> </div> <div class="b-blog-list__item"> <span class="b-blog-list__date"> 02.12.25 </span> <p class="b-blog-list__title"> <a href="/blog/novyi-sezon-olimpiad-priglashaem-na-seriiu-olimpiad-shkolnyi-kaleidoskop.html"> Новый сезон олимпиад! Приглашаем на серию олимпиад «Школьный калейдоскоп» </a> </p> </div> <div class="b-blog-list__item"> <span class="b-blog-list__date"> 03.10.25 </span> <p class="b-blog-list__title"> <a href="/blog/pozdravliaem-s-dniom-uchitelia-interaktivnaia-igra-dlia-vsekh-professiia-uchitel.html"> Поздравляем с Днём учителя! Интерактивная игра для всех «Профессия — Учитель» </a> </p> </div> </div>   <div> <p align="center"> <nofollow> <div>  </div> </nofollow> </p> </div>                   <br> <div> <a class="href" target="_blank" href="https://videouroki.net/videouroki/res/license_multiurok/vypiska-L035-01253-67_00192584-from-11-07-2022.pdf"> <img border="0" src="/resources/img/license/mu_licence_banner.png?202208" alt=""> </a> </div> </div>   </div> <style> .orders__title_small { font-size: 16px; color: #000; margin-bottom: 8px; margin-top: 20px; line-height: 30px; } ol li { font-size: 0.86em; } ol { padding-left: 30px; } .mfp-wrap { min-width: inherit; } .question_item-description img { max-width: 100%; } </style> <link href="/assets/test/css/element-ui.css?1503" media="screen" rel="stylesheet" type="text/css"> <link href="/assets/test/css/test.css?2704" media="screen" rel="stylesheet" type="text/css"></div> </div> </div>   <footer id="page-footer">  <section id="footer-content"> <div class="container"> <div class="row"> <div class="col-xs-4"> <aside class="logo"> <img src="/images/murok_logo_gray.png" class="vertical-top"> </aside> <div class="copyright">© 2014-2026, ООО "Мультиурок", ИНН 6732109381 </div> <div class="reviews__item__header"> <a data-fancybox="" data-type="iframe" data-src="https://videouroki.net/videouroki/res/license_multiurok/vypiska-L035-01253-67_00192584-from-11-07-2022.pdf" href="https://videouroki.net/videouroki/res/license_multiurok/vypiska-L035-01253-67_00192584-from-11-07-2022.pdf"><img style="border-radius: inherit" src="https://videouroki.net/projects/et1/images/data/mu_licence_small.png" alt=""></a> <div class="reviews__item__about"> <p>Лицензия на право ведения образовательной деятельности №Л035-01253-67/00192584 от 25.08.2017 г.</p> </div> </div> <div class="bottom__license_links"> <a data-fancybox data-type="iframe" data-src="/legal/terms.html" target="_blank" href="https://multiurok.ru/legal/terms.html">Пользовательское соглашение</a><br> <a data-fancybox data-type="iframe" data-src="/legal/privacy.html" target="_blank" href="https://multiurok.ru/legal/privacy.html">Политика обработки персональных данных</a> <a data-fancybox data-type="iframe" data-src="/legal/cookie.html" target="_blank" href="https://multiurok.ru/legal/cookie.html">Политика использования файлов cookie</a>  <style> /* Можно подключить CSS отдельно через <link>, но для примера вставим стили прямо здесь */ .cookie-banner { position: fixed; bottom: -100px; left: 50%; transform: translateX(-50%); z-index: 9999; background-color: #fff; border: 1px solid #ddd; box-shadow: 0 4px 12px rgba(0,0,0,0.1); padding: 16px 24px; border-radius: 8px; display: flex; align-items: center; justify-content: space-between; width: max-content; max-width: 90%; font-family: 'Segoe UI', sans-serif; animation: slideUp 0.5s ease forwards; opacity: 0; } .cookie-content { margin-right: 20px; text-align: left; } .cookie-content p { margin: 0 0 4px 0; font-size: 14px; color: #333; } .cookie-content a { font-size: 13px; color: #0078ff; text-decoration: none; } .accept-btn { background-color: #01366a; color: #fff; border: none; padding: 10px 16px; border-radius: 4px; cursor: pointer; font-size: 14px; transition: background-color 0.3s ease; } .accept-btn:hover { background-color: #024f97; } @keyframes slideUp { from { bottom: -100px; opacity: 0; } to { bottom: 20px; opacity: 1; } } </style> <div id="cookieBanner" class="cookie-banner" style=""> <div class="cookie-content"> <p>Мы используем файлы cookie для улучшения работы сайта.</p> <a data-fancybox data-type="iframe" data-src="/legal/cookie.html" href="javascript:;">Подробнее</a> </div> <button onclick="acceptCookies()" class="accept-btn">Принять</button> </div> <script> function acceptCookies() { document.cookie = "cookieConsent=accepted; path=/; max-age=31536000"; document.getElementById('cookieBanner').style.display = 'none'; } </script> </div> </div>  <div class="col-xs-2"> <aside> <header><h5>Информация</h5></header> <ul class="list-links"> <li><a href="/about">О проекте</a></li>  <li><a href="/feedback">Обратная связь</a></li> <li><a href="/friends">Друзьям сайта</a></li> <li><a href="/check">Проверка документов</a></li> </ul> </aside> </div>  <div class="col-xs-2"> <aside> <header><h5>Меню:</h5></header> <ul class="list-links"> <li><a href="/all-sites">Cайты учителей</a></li> <li><a href="/all-blogs">Все блоги</a></li> <li><a href="/all-files">Все файлы</a></li> </ul> </aside> </div> <div class="col-xs-4"> <noindex> <script type="text/javascript" src="//yastatic.net/share/share.js" charset="utf-8"></script> <div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,moimir,moikrug,gplus"/> </noindex> </div> <div class="text-center" style="margin: 30px 0 0 -25px;"> <a target="_blank" href="https://goo.gl/forms/sNgCBEXW0Cikg18o1">Что-то неудобно? Сообщите об этом…</a> </div> <div class="text-center" style="margin: 30px 0 0 -25px;"> <a style=" color: white !important" class="btnbt btnbt-lg btnbt-primary mtl" href="/user/register"> Зарегистрироваться / Создать сайт </a> </div>   </div>  </div> </div>  <div class="background"></div> </section>  <section id="footer-bottom"> <div class="container"> <div class="footer-inner">  </div>  </div>  </section>  </div> </footer>   <script type="text/javascript" src="/assets/Magnific-Popup/dist/jquery.magnific-popup.min.js"></script> <script type="text/javascript" src="/assets/Sortable/jquery.binding.js"></script> <script type="text/javascript" src="/assets/Sortable/Sortable.min.js"></script> <script type="text/javascript" src="/assets/jGrowl/jquery.jgrowl.min.js"></script> <script type="text/javascript" src="/assets/js/jquery.autosize.min.js"></script> <script type="text/javascript" src="/assets/bootstrap/js/bootstrap.min.js"></script> <script type="text/javascript" src="/assets/js/rails.min.js"></script> <script type="text/javascript" src="/assets/js/jquery.form.min.js"></script> <script type="text/javascript" src="/assets/js/jquery.scrollTo.min.js"></script> <script type="text/javascript" src="/assets/fancybox/jquery.fancybox.min.js"></script> <script type="text/javascript" src="/assets/js/custom.js?2820"></script>  <style> .fancybox-slide--iframe .fancybox-content { max-width: 1350px !important; } #page-footer #footer-content { min-height: 260px; } .bottom__license_links { padding-top: 10px; } .bottom__license_links a { margin-right: 10px; } .top_bacat img { width: 100%; } .reviews__item__header { margin: 20px 0 0; padding-bottom: 10px; position: relative; line-height: 16px; } .reviews__item__about { margin-left: 30px; } .reviews__item__header img { display: block; position: absolute; width: 25px; top: 2px; left: 0; border-radius: 50%; } </style>  <div title="Обычная версия" id="visButOn" class="visionbutton" ><img src="/img/icon-visionoff.png" onclick="event.preventDefault(); versionForVisuallyImpaired('off')"></div> <div title="Версия для слабовидящих" id="visButOff" class="visionbuttonOn visionbutton"><img src="/img/icon-visionon.png" onclick="event.preventDefault(); versionForVisuallyImpaired('on')"></div> <style> .visionbutton { display: block; width: 80px; height: 80px; position: absolute; z-index: 9999; top: 20px; right: 10px; cursor: pointer; } .versionForVisuallyImpaired { font-size: 24px; filter: grayscale(100%); } </style> <script> function versionForVisuallyImpaired(status) { if (status === 'off') { document.cookie='versionForVisuallyImpaired=off; max-age=86400; path=/'; document.getElementById('visButOn').style='display: none;'; document.getElementById('visButOff').style='display: block;'; $("body").removeClass("versionForVisuallyImpaired"); } else { document.cookie='versionForVisuallyImpaired=on; max-age=86400; path=/'; document.getElementById('visButOn').style='display: block;'; document.getElementById('visButOff').style='display: none;'; $("body").addClass("versionForVisuallyImpaired"); } } function getCookie(name) { let matches = document.cookie.match(new RegExp( "(?:^|; )" + name.replace(/([\.$?*|{}\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)" )); return matches ? decodeURIComponent(matches[1]) : undefined; } window.onload = function() { var versionForVisuallyImpaired = getCookie('versionForVisuallyImpaired'); if (versionForVisuallyImpaired === 'on'){ $("body").addClass("versionForVisuallyImpaired"); document.getElementById('visButOff').style="display: none;"; } else { $("body").removeClass("versionForVisuallyImpaired"); } } </script>  </body> </html>