К началу учебного года! Готовые материалы для учителей на каждый урок со скидкой от 30%

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

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

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

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

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

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

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

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

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

Итоги урока

Была в сети 09.09.2025 21:14

Калиниченко Юлия Владимировна

Учитель математики и информатики

36 лет

2 197

28 493

Подписчики

Подписки

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

, Луганск

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

Информатика

Математика

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

Тест "HTML. Создание Web-страниц"

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

Тестирование по теме "Создание комплексных информационных объектов в виде веб-страниц"

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

Вопрос 1

Web-страница (документ HTML) представляет собой:

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

Текстовый файл с расширением txt или doc
Текстовый файл с расширением htm или html
Двоичный файл с расширением com или exe
Графический файл с расширением gif или jpg

Вопрос 2

Для просмотра Web-страниц в Интернете используются программы:

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

MicroSoft Word или Word Pad
MicroSoft Access или MicroSoft Works
Google Chrome или Opera
HTMLPad или Front Page

Вопрос 3

Тег - это:

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

Специальная команда, записанная в угловых скобках < >
Текст, в котором используются спецсимволы
Указатель на другой файл или объект
Фрагмент программы, включённой в состав Web-страницы

Вопрос 4

Тег <BODY> - это:

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

Идентификатор заголовка окна просмотра
Идентификатор заголовка документа HTML
Идентификатор перевода строки
Идентификатор HTML-команд документа для просмотра

Вопрос 5

Для вставки изображения в документ HTML используется команда:

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

Вопрос 6

Гиперссылка задается тегом:

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

текст

Вопрос 7

С помощью какого тега мы устанавливаем гарнитуру шрифта?

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

Вопрос 8

С помощью какого тега мы выравниваем текст на странице?

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

</li> <li> <TEXT></li> </ul> </div> </div> <div class="question_item"> <h5>Вопрос 9</h5> <div class="question_item-description"> <ol> <li align="center" style="margin:0cm; margin-bottom:.0001pt; text-align:center; margin-right:0cm"><span style="font-size:12pt"><span style="tab-stops:list 14.2pt 36.0pt"><span style="font-family:"Times New Roman","serif""><i><span style="font-size:10.0pt">С помощью какого атрибута тега мы задаем фон на странице?</span></i></span></span></span></li> </ol> </div> <div class="question_item-variants"> <h6>Варианты ответов</h6> <ul class="question_item-answers"> <li> BODY</li> <li> COLOR</li> <li> BGCOLOR</li> <li> LINK</li> </ul> </div> </div> <div class="question_item"> <h5>Вопрос 10</h5> <div class="question_item-description"> <ol> <li align="center" style="margin:0cm; margin-bottom:.0001pt; text-align:center; margin-right:0cm"><span style="font-size:12pt"><span style="tab-stops:list 14.2pt 36.0pt"><span style="font-family:"Times New Roman","serif""><i><span style="font-size:10.0pt">Как заполняется таблица в </span></i><i><span lang="EN-US" style="font-size:10.0pt">Web</span></i><i><span style="font-size:10.0pt">- документе:</span></i></span></span></span></li> </ol> </div> <div class="question_item-variants"> <h6>Варианты ответов</h6> <ul class="question_item-answers"> <li> Справа налево по столбцам, затем переход на новый столбец</li> <li> Справа налево по строке, затем переход на новую строку</li> <li> Слева направо по строке, затем переход на новую строку</li> <li> Слева направо по столбцам, затем переход на новый столбец</li> </ul> </div> </div> <div class="question_item"> <h5>Вопрос 11</h5> <div class="question_item-description"> <ol> <li align="center" style="margin:0cm; margin-bottom:.0001pt; text-align:center; margin-right:0cm"><span style="font-size:12pt"><span style="tab-stops:list 14.2pt 36.0pt"><span style="font-family:"Times New Roman","serif""><i><span style="font-size:10.0pt">Каким тегом определяется абзац текста?</span></i></span></span></span></li> </ol> </div> <div class="question_item-variants"> <h6>Варианты ответов</h6> <ul class="question_item-answers"> <li> <br></li> <li> <div></li> <li> <p></li> <li> <textarea></li> </ul> </div> </div> <div class="question_item"> <h5>Вопрос 12</h5> <div class="question_item-description"> <ol> <li align="center" style="margin:0cm; margin-bottom:.0001pt; text-align:center; margin-right:0cm"><span style="font-size:12pt"><span style="tab-stops:list 14.2pt 36.0pt"><span style="font-family:"Times New Roman","serif""><i><span style="font-size:10.0pt">Каким тегом определяется начало строки в таблице?</span></i></span></span></span></li> </ol> </div> <div class="question_item-variants"> <h6>Варианты ответов</h6> <ul class="question_item-answers"> <li> <tr></li> <li> <td></li> <li> <str></li> <li> <table></li> </ul> </div> </div> <div class="question_item"> <h5>Вопрос 13</h5> <div class="question_item-description"> <ol> <li align="center" style="margin:0cm; margin-bottom:.0001pt; text-align:center; margin-right:0cm"><span style="font-size:12pt"><span style="tab-stops:list 14.2pt 36.0pt"><span style="font-family:"Times New Roman","serif""><i><span style="font-size:10.0pt">Каким тегом определяется начало ячейки в таблице?</span></i></span></span></span></li> </ol> </div> <div class="question_item-variants"> <h6>Варианты ответов</h6> <ul class="question_item-answers"> <li> <tr></li> <li> <td></li> <li> <str></li> <li> <table></li> </ul> </div> </div> <div class="question_item"> <h5>Вопрос 14</h5> <div class="question_item-description"> <ol> <li align="center" style="margin:0cm; margin-bottom:.0001pt; text-align:center; margin-right:0cm"><span style="font-size:12pt"><span style="tab-stops:list 14.2pt 36.0pt"><span style="font-family:"Times New Roman","serif""><i><span style="font-size:10.0pt">Как задать ширину таблицы?</span></i></span></span></span></li> </ol> </div> <div class="question_item-variants"> <h6>Варианты ответов</h6> <ul class="question_item-answers"> <li> с помощью атрибута VSPACE</li> <li> с помощью атрибута HSPACE</li> <li> с помощью атрибута WIDTH</li> <li> с помощью атрибута HEIGHT</li> </ul> </div> </div> <div class="question_item"> <h5>Вопрос 15</h5> <div class="question_item-description"> <ol> <li align="center" style="margin:0cm; margin-bottom:.0001pt; text-align:center; margin-right:0cm"><span style="font-size:12pt"><span style="tab-stops:list 14.2pt 36.0pt"><span style="font-family:"Times New Roman","serif""><i><span style="font-size:10.0pt">Как сделать текст курсивом и выделить жирным по начертанию?</span></i></span></span></span></li> </ol> </div> <div class="question_item-variants"> <h6>Варианты ответов</h6> <ul class="question_item-answers"> <li> с помощью тегов <I> <B></li> <li> с помощью тегов <I> <U></li> <li> с помощью тегов <B> <U></li> <li> с помощью тегов <P> <BR></li> </ul> </div> </div> </div> <div class="download" style="margin: 25px 0 5px; text-align: center"> <div style="margin: 10px 0"> <a rel="nofollow" target="_blank" href="/index.php/tests/9212399/" 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>© 2022, <a href="/id88601784/" title="Калиниченко Юлия Владимировна">Калиниченко Юлия Владимировна</a> <span style="float: right"> <span class="glyphicon glyphicon-eye-open"></span> 214</span> </p> <div class="info" style="padding: 5px 0; font-size: 14px"> <p> <a href="/index.php/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/index.php/tests/test-html-sozdanie-web-stranits.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/index.php/tests/test-html-sozdanie-web-stranits.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/index.php/tests/test-html-sozdanie-web-stranits.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/index.php/tests/test-html-sozdanie-web-stranits.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/index.php/tests/test-html-sozdanie-web-stranits.html" class="twitter" target="_blank" title="Опубликовать ссылку в Twitter">Twitter</a> <a href="https://plus.google.com/share?url=https://multiurok.ru/index.php/tests/test-html-sozdanie-web-stranits.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="/index.php/test/like/test-html-sozdanie-web-stranits/" class="like " data-method="post" data-remote="true" id="like_98612" rel="nofollow"></a> <a rel="nofollow" href="/index.php/test/likes/test-html-sozdanie-web-stranits/" class="likes_count hidden" id="likes_count_98612" data-remote="true"><span class="count">0</span> <span class="labels">нравится</span></a> <div class="comment_count "> <a rel="nofollow" href="/index.php/test/comments/test-html-sozdanie-web-stranits/" 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="/index.php/multiurok/blog">Новости проекта</a></div> </div> <div class="b-blog-list__item"> <span class="b-blog-list__date"> 03.06.24 </span> <p class="b-blog-list__title"> <a href="/index.php/blog/laifkhak-uchitelia-1-chto-delat-s-plokhoi-nakopliaemostiu-otmetok.html"> Лайфхак учителя №1! Что делать с плохой накопляемостью отметок </a> </p> </div> <div class="b-blog-list__item"> <span class="b-blog-list__date"> 12.05.24 </span> <p class="b-blog-list__title"> <a href="/index.php/blog/laifkhak-uchitelia-2-kak-perestat-begat-ot-uchenika-k-ucheniku-vo-vremia-prakticheskoi-raboty.html"> Лайфхак учителя №2! Как перестать бегать от ученика к ученику во время практической работы </a> </p> </div> <div class="b-blog-list__item"> <span class="b-blog-list__date"> 04.05.24 </span> <p class="b-blog-list__title"> <a href="/index.php/blog/laifkhak-uchitelia-3-chto-delat-esli-vy-ustali-iz-uroka-v-urok-povtoriat-odno-i-tozhe.html"> Лайфхак учителя №3! Что делать, если вы устали из урока в урок повторять одно и то же </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-2025, ООО "Мультиурок", ИНН 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="/index.php/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>