Тест На Тему Html И Css - Тесты Онлайн

💡 Где на картине «Всадница» Карл Брюллов написал фамилию графини Самойловой, заказчицы полотна?

ОТВЕТ

Испытайте свои знания в HTML и CSS с нашим интерактивным тестом. Проверьте, насколько хорошо вы знаете основы веб-разработки и узнайте, где можно улучшить свои навыки. Пройдите тест и получите мгновенную обратную связь!

1. Какой тег используется для создания заголовка в HTML?
a) +<br /> b) </p> <header> c) <head></p> <p>2. Какой CSS-селектор выбирает все элементы </p> <p>?<br /> a) .p<br /> b) p +<br /> c) #p</p> <p>3. Какое свойство CSS используется для изменения цвета текста?<br /> a) color +<br /> b) text-color<br /> c) font-color</p> <p>4. Какой тег используется для создания ссылки в HTML?<br /> a) <link> b) <a> +<br /> c) <href> <p>5. Какое свойство CSS используется для изменения размера шрифта?<br /> a) font-size +<br /> b) text-size<br /> c) size</p> <p>6. Какой тег используется для создания списка в HTML?<br /> a) <list> b) </p> <ul> +<br /> c) </p> <ol> <p>7. Какое свойство CSS используется для добавления отступа внутри элемента?<br /> a) padding +<br /> b) margin<br /> c) border</p> <p>8. Какой тег используется для создания изображения в HTML?<br /> a) <image><br /> b) <img> +<br /> c) <picture> <p>9. Какое свойство CSS используется для изменения фона элемента?<br /> a) background +<br /> b) bg-color<br /> c) back-color</p> <p>10. Какой тег используется для создания таблицы в HTML?<br /> a) </p> <table> +<br /> b) </p> <tbody> c) </p> <tr> <p>11. Какое свойство CSS используется для изменения выравнивания текста?<br /> a) text-align +<br /> b) align<br /> c) text-direction</p> <p>12. Какой тег используется для создания формы в HTML?<br /> a) <input><br /> b) </p> <form> +<br /> c) <submit></p> <p>13. Какое свойство CSS используется для изменения курсора?<br /> a) cursor +<br /> b) pointer<br /> c) mouse</p> <p>14. Какой тег используется для создания кнопки в HTML?<br /> a) <button> +<br /> b) <click><br /> c) <input type="button"></p> <p>15. Какое свойство CSS используется для изменения границы элемента?<br /> a) border +<br /> b) frame<br /> c) edge</p> <div class="tqp-container"> <div class="tqp-text">💡 Где на картине «Всадница» Карл Брюллов написал фамилию графини Самойловой, заказчицы полотна?</div> <a href="https://t.me/top_quiz_ru/6865" class="tqp-button" target="_blank">ОТВЕТ</a> </div> <div style="text-align: center; margin: 20px 0;"> <button id="telegram-button" style=" background-color: #FF9800; color: white; font-size: 18px; font-weight: bold; padding: 15px 30px; border: none; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; "> Пройти тесты в Telegram </button> </div> <script> document.addEventListener("DOMContentLoaded", function() { const button = document.getElementById("telegram-button"); button.addEventListener("click", function() { window.location.href = "https://t.me/+ow_bWuUCa4U4MDk6"; }); }); </script> <script> function pinIt() { var e = document.createElement('script'); e.setAttribute('type','text/javascript'); e.setAttribute('charset','UTF-8'); e.setAttribute('src','https://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999); document.body.appendChild(e); } </script> <div class="post-share"> <div class="post-share-icons cf"> <a class="facebook" href="https://www.facebook.com/sharer.php?u=https://testyonline.ru/test-na-temu-html-i-css/" class="link " target="_blank" > <i class="fab fa-facebook"></i> </a> <a class="x-twitter" href="http://twitter.com/share?url=https://testyonline.ru/test-na-temu-html-i-css/&text=%D0%A2%D0%B5%D1%81%D1%82%20%D0%9D%D0%B0%20%D0%A2%D0%B5%D0%BC%D1%83%20Html%20%D0%98%20Css" class="link " target="_blank"> <i class="fa-brands fa-x-twitter"></i> </a> <a class="envelope" href="mailto:?subject=Тест%20На%20Тему%20Html%20И%20Css&body=https://testyonline.ru/test-na-temu-html-i-css/" class="link " target="_blank" > <i class="fas fa-envelope-open"></i> </a> <a class="linkedin" href="https://www.linkedin.com/sharing/share-offsite/?url=https://testyonline.ru/test-na-temu-html-i-css/&title=%D0%A2%D0%B5%D1%81%D1%82%20%D0%9D%D0%B0%20%D0%A2%D0%B5%D0%BC%D1%83%20Html%20%D0%98%20Css" class="link " target="_blank" > <i class="fab fa-linkedin"></i> </a> <a href="javascript:pinIt();" class="pinterest"> <i class="fab fa-pinterest"></i> </a> <a class="telegram" href="https://t.me/share/url?url=https://testyonline.ru/test-na-temu-html-i-css/&title=%D0%A2%D0%B5%D1%81%D1%82%20%D0%9D%D0%B0%20%D0%A2%D0%B5%D0%BC%D1%83%20Html%20%D0%98%20Css" target="_blank" > <i class="fab fa-telegram"></i> </a> <a class="whatsapp" href="https://api.whatsapp.com/send?text=https://testyonline.ru/test-na-temu-html-i-css/&title=%D0%A2%D0%B5%D1%81%D1%82%20%D0%9D%D0%B0%20%D0%A2%D0%B5%D0%BC%D1%83%20Html%20%D0%98%20Css" target="_blank" > <i class="fab fa-whatsapp"></i> </a> <a class="reddit" href="https://www.reddit.com/submit?url=https://testyonline.ru/test-na-temu-html-i-css/&title=%D0%A2%D0%B5%D1%81%D1%82%20%D0%9D%D0%B0%20%D0%A2%D0%B5%D0%BC%D1%83%20Html%20%D0%98%20Css" target="_blank" > <i class="fab fa-reddit"></i> </a> <a class="print-r" href="javascript:window.print()"> <i class="fas fa-print"></i></a> </div> </div> <div class="clearfix mb-3"></div> <nav class="navigation post-navigation" aria-label="Записи"> <h2 class="screen-reader-text">Навигация по записям</h2> <div class="nav-links"><div class="nav-previous"><a href="https://testyonline.ru/test-na-temu-araby-6-klass/" rel="prev"><div class="fas fa-angle-double-left"></div><span> Тест На Тему Арабы 6 Класс</span></a></div><div class="nav-next"><a href="https://testyonline.ru/test-na-temu-vyrazitelnye-sredstva-muzyki/" rel="next"><span>Тест На Тему Выразительные Средства Музыки </span><div class="fas fa-angle-double-right"></div></a></div></div> </nav> </article> </div> <div class="py-4 px-3 mb-4 bs-card-box bs-single-related">  <div class="bs-widget-title mb-3 relat-cls">  <h4 class="title">Похожие записи</h4> </div>  <div class="related-post"> <div class="row">   <div class="col-md-4"> <div class="bs-blog-post three md back-img bshre mb-md-0" style="background-image: url('https://testyonline.ru/wp-content/uploads/2025/04/testyonline.webp');" > <a class="link-div" href="https://testyonline.ru/test-na-temu-okean-7-klass/"></a> <div class="inner"> <div class="bs-blog-category"> <a class="blogus-categories category-color-1" href="https://testyonline.ru/category/testy-online-free/" alt="Просмотреть все записи в рубрике «Тесты»"> Тесты </a> </div> <h4 class="title sm mb-0"> <a href="https://testyonline.ru/test-na-temu-okean-7-klass/" title="Permalink to: Тест На Тему Океан 7 Класс"> Тест На Тему Океан 7 Класс </a> </h4> <div class="bs-blog-meta"> </div> </div> </div> </div>   <div class="col-md-4"> <div class="bs-blog-post three md back-img bshre mb-md-0" style="background-image: url('https://testyonline.ru/wp-content/uploads/2025/04/testyonline.webp');" > <a class="link-div" href="https://testyonline.ru/test-na-temu-prilagatelnoe-5-klass/"></a> <div class="inner"> <div class="bs-blog-category"> <a class="blogus-categories category-color-1" href="https://testyonline.ru/category/testy-online-free/" alt="Просмотреть все записи в рубрике «Тесты»"> Тесты </a> </div> <h4 class="title sm mb-0"> <a href="https://testyonline.ru/test-na-temu-prilagatelnoe-5-klass/" title="Permalink to: Тест На Тему Прилагательное 5 Класс"> Тест На Тему Прилагательное 5 Класс </a> </h4> <div class="bs-blog-meta"> </div> </div> </div> </div>   <div class="col-md-4"> <div class="bs-blog-post three md back-img bshre mb-md-0" style="background-image: url('https://testyonline.ru/wp-content/uploads/2025/04/testyonline.webp');" > <a class="link-div" href="https://testyonline.ru/test-na-temu-evolyucziya-organicheskogo-mira/"></a> <div class="inner"> <div class="bs-blog-category"> <a class="blogus-categories category-color-1" href="https://testyonline.ru/category/testy-online-free/" alt="Просмотреть все записи в рубрике «Тесты»"> Тесты </a> </div> <h4 class="title sm mb-0"> <a href="https://testyonline.ru/test-na-temu-evolyucziya-organicheskogo-mira/" title="Permalink to: Тест На Тему Эволюция Органического Мира"> Тест На Тему Эволюция Органического Мира </a> </h4> <div class="bs-blog-meta"> </div> </div> </div> </div>  </div> </div> </div>  </div> <aside class="col-lg-3"> <div id="sidebar-right" class="bs-sidebar "> <div id="block-2" class="bs-widget widget_block widget_search"><form role="search" method="get" action="https://testyonline.ru/" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search" ><label class="wp-block-search__label" for="wp-block-search__input-1" >Поиск</label><div class="wp-block-search__inside-wrapper " ><input class="wp-block-search__input" id="wp-block-search__input-1" placeholder="" value="" type="search" name="s" required /><button aria-label="Поиск" class="wp-block-search__button wp-element-button" type="submit" >Поиск</button></div></form></div><div id="block-3" class="bs-widget widget_block"><div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"><h2 class="wp-block-heading">Свежие записи</h2><ul class="wp-block-latest-posts__list wp-block-latest-posts"><li><a class="wp-block-latest-posts__post-title" href="https://testyonline.ru/test-na-temu-okean-7-klass/">Тест На Тему Океан 7 Класс</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://testyonline.ru/test-na-temu-prilagatelnoe-5-klass/">Тест На Тему Прилагательное 5 Класс</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://testyonline.ru/test-na-temu-evolyucziya-organicheskogo-mira/">Тест На Тему Эволюция Органического Мира</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://testyonline.ru/test-na-temu-klass-hryashhevye-ryby/">Тест На Тему Класс Хрящевые Рыбы</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://testyonline.ru/test-na-temu-obrazovaniya-drevnerusskogo-gosudarstva/">Тест На Тему Образования Древнерусского Государства</a></li> </ul></div></div></div><div id="block-4" class="bs-widget widget_block"><div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"><h2 class="wp-block-heading">Свежие комментарии</h2><div class="no-comments wp-block-latest-comments">Нет комментариев для просмотра.</div></div></div></div><div id="block-5" class="bs-widget widget_block"><div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"><h2 class="wp-block-heading">Архивы</h2><ul class="wp-block-archives-list wp-block-archives"> <li><a href='https://testyonline.ru/2025/04/'>Апрель 2025</a></li> <li><a href='https://testyonline.ru/2025/03/'>Март 2025</a></li> </ul></div></div></div><div id="block-6" class="bs-widget widget_block"><div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"><h2 class="wp-block-heading">Рубрики</h2><ul class="wp-block-categories-list wp-block-categories"> <li class="cat-item cat-item-1"><a href="https://testyonline.ru/category/%d0%b1%d0%b5%d0%b7-%d1%80%d1%83%d0%b1%d1%80%d0%b8%d0%ba%d0%b8/">Без рубрики</a> </li> <li class="cat-item cat-item-5"><a href="https://testyonline.ru/category/persona/">Личностные тесты</a> </li> <li class="cat-item cat-item-7"><a href="https://testyonline.ru/category/testy-online-free/">Тесты</a> </li> </ul></div></div></div></div> </aside> </div>  </div>  </main>  <div class="missed"> <div class="container"> <div class="row"> <div class="col-12"> <div class="wd-back"> <div class="bs-widget-title"> <h2 class="title">Вы пропустили</h2> </div> <div class="missed-area"> <div class="bs-blog-post three md back-img bshre mb-0" style="background-image: url('https://testyonline.ru/wp-content/uploads/2025/04/testyonline.webp'); "> <a class="link-div" href="https://testyonline.ru/test-na-temu-okean-7-klass/"></a> <div class="inner"> <div class="bs-blog-category"> <a class="blogus-categories category-color-1" href="https://testyonline.ru/category/testy-online-free/" alt="Просмотреть все записи в рубрике «Тесты»"> Тесты </a> </div> <h4 class="title sm mb-0"> <a href="https://testyonline.ru/test-na-temu-okean-7-klass/" title="Permalink to: Тест На Тему Океан 7 Класс"> Тест На Тему Океан 7 Класс</a> </h4> </div> </div> <div class="bs-blog-post three md back-img bshre mb-0" style="background-image: url('https://testyonline.ru/wp-content/uploads/2025/04/testyonline.webp'); "> <a class="link-div" href="https://testyonline.ru/test-na-temu-prilagatelnoe-5-klass/"></a> <div class="inner"> <div class="bs-blog-category"> <a class="blogus-categories category-color-1" href="https://testyonline.ru/category/testy-online-free/" alt="Просмотреть все записи в рубрике «Тесты»"> Тесты </a> </div> <h4 class="title sm mb-0"> <a href="https://testyonline.ru/test-na-temu-prilagatelnoe-5-klass/" title="Permalink to: Тест На Тему Прилагательное 5 Класс"> Тест На Тему Прилагательное 5 Класс</a> </h4> </div> </div> <div class="bs-blog-post three md back-img bshre mb-0" style="background-image: url('https://testyonline.ru/wp-content/uploads/2025/04/testyonline.webp'); "> <a class="link-div" href="https://testyonline.ru/test-na-temu-evolyucziya-organicheskogo-mira/"></a> <div class="inner"> <div class="bs-blog-category"> <a class="blogus-categories category-color-1" href="https://testyonline.ru/category/testy-online-free/" alt="Просмотреть все записи в рубрике «Тесты»"> Тесты </a> </div> <h4 class="title sm mb-0"> <a href="https://testyonline.ru/test-na-temu-evolyucziya-organicheskogo-mira/" title="Permalink to: Тест На Тему Эволюция Органического Мира"> Тест На Тему Эволюция Органического Мира</a> </h4> </div> </div> <div class="bs-blog-post three md back-img bshre mb-0" style="background-image: url('https://testyonline.ru/wp-content/uploads/2025/04/testyonline.webp'); "> <a class="link-div" href="https://testyonline.ru/test-na-temu-klass-hryashhevye-ryby/"></a> <div class="inner"> <div class="bs-blog-category"> <a class="blogus-categories category-color-1" href="https://testyonline.ru/category/testy-online-free/" alt="Просмотреть все записи в рубрике «Тесты»"> Тесты </a> </div> <h4 class="title sm mb-0"> <a href="https://testyonline.ru/test-na-temu-klass-hryashhevye-ryby/" title="Permalink to: Тест На Тему Класс Хрящевые Рыбы"> Тест На Тему Класс Хрящевые Рыбы</a> </h4> </div> </div> </div> </div> </div> </div> </div> </div>   <footer class="footer"> <div class="overlay" style="background-color: #eeee22;">  <div class="bs-footer-bottom-area"> <div class="container"> <div class="divide-line"></div> <div class="row align-items-center"> <div class="col-md-6"> <div class="footer-logo">  <div class="site-logo"> </div> <div class="site-branding-text"> <p class="site-title-footer"> <a href="https://testyonline.ru/" rel="home">Тесты Онлайн</a></p> <p class="site-description-footer">Пройдите увлекательные тесты на самые разные темы: от психологии и образования до развлечений и саморазвития. У нас вы найдете тесты для всех возрастов и интересов. Проверьте свои знания, узнайте что-то новое о себе или просто весело проведите время!</p> </div> </div> </div>  <div class="col-md-6 footer-social"> </div>  </div>  </div>  </div>  <div class="bs-footer-copyright"> <div class="bs-footer-overlay-copyright"> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <p class="mb-0"> <span class="copyright-text">Copyright © All rights reserved</span> <span class="sep"> | </span> <a href="https://themeansar.com/free-themes/blogus/" target="_blank">Blogus</a> от <a href="https://themeansar.com" target="_blank">Themeansar</a>. </a> </p> </div> </div> </div> </div> </div> </div> </div>  </footer>  </div>     <div class="modal fade bs_model" id="exampleModal" data-bs-keyboard="true" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"><i class="fa fa-times"></i></button> </div> <div class="modal-body"> <form role="search" method="get" class="search-form" action="https://testyonline.ru/"> <label> <span class="screen-reader-text">Найти:</span> <input type="search" class="search-field" placeholder="Поиск…" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Поиск" /> </form> </div> </div> </div> </div>  <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/blogza\/*","\/wp-content\/themes\/blogus\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <div class="blogza-background-wrapper"> <div class="squares"> <span class="square"></span> <span class="square"></span> <span class="square"></span> <span class="square"></span> <span class="square"></span> </div> <div class="circles"> <span class="circle"></span> <span class="circle"></span> <span class="circle"></span> <span class="circle"></span> <span class="circle"></span> </div> <div class="triangles"> <span class="triangle"></span> <span class="triangle"></span> <span class="triangle"></span> <span class="triangle"></span> <span class="triangle"></span> </div> </div> <style> footer .footer-logo img{ width: 210px; height: 70px; } </style> <style type="text/css"> /*==================== Site title and tagline ====================*/ .site-title a, .site-description{ color: #000000; } body.dark .site-title a, body.dark .site-description{ color: #fff; } /*==================== Menu color ====================*/ .bs-default .navbar-collapse ul, .navbar-wp .dropdown-menu > li > a:hover, .navbar-wp .dropdown-menu > li > a:focus { background: ; } /*=================== Slider Color ===================*/ .homemain .bs-slide.overlay:before{ background-color: #00000099; } .bs-slide .inner .title a{ color: ; } .bs-slide .inner .title{ font-size: 50px; } footer .bs-footer-copyright p, footer .bs-footer-copyright a { color: #0a0a0a; } footer .bs-footer-copyright .bs-footer-overlay-copyright{ background: #ffffff; } footer .bs-widget p, .site-title-footer a, .site-title-footer a:hover, .site-description-footer, .site-description-footer:hover, footer .bs-widget h6, footer .mg_contact_widget .bs-widget h6 { color: #000000; } @media (max-width: 991px){ .bs-slide .inner .title{ font-size: 2.5em; } } @media (max-width: 640px){ .bs-slide .inner .title{ font-size: 1.5em; } } </style> <script type="text/javascript" id="ez-toc-scroll-scriptjs-js-extra"> /* <![CDATA[ */ var eztoc_smooth_local = {"scroll_offset":"30","add_request_uri":"","add_self_reference_link":""}; /* ]]> */ </script> <script type="text/javascript" src="https://testyonline.ru/wp-content/plugins/easy-table-of-contents/assets/js/smooth_scroll.min.js" id="ez-toc-scroll-scriptjs-js"></script> <script type="text/javascript" src="https://testyonline.ru/wp-content/plugins/easy-table-of-contents/vendor/js-cookie/js.cookie.min.js" id="ez-toc-js-cookie-js"></script> <script type="text/javascript" src="https://testyonline.ru/wp-content/plugins/easy-table-of-contents/vendor/sticky-kit/jquery.sticky-kit.min.js" id="ez-toc-jquery-sticky-kit-js"></script> <script type="text/javascript" id="ez-toc-js-js-extra"> /* <![CDATA[ */ var ezTOC = {"smooth_scroll":"1","visibility_hide_by_default":"","scroll_offset":"30","fallbackIcon":"<span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span>","chamomile_theme_is_on":""}; /* ]]> */ </script> <script type="text/javascript" src="https://testyonline.ru/wp-content/plugins/easy-table-of-contents/assets/js/front.min.js" id="ez-toc-js-js"></script> <script type="text/javascript" src="https://testyonline.ru/wp-content/themes/blogus/js/custom.js" id="blogus_custom-js-js"></script> <script type="text/javascript" src="https://testyonline.ru/wp-content/themes/blogus/js/dark.js" id="blogus-dark-js"></script> <script> /(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1); </script> </body> </html>