Запитання 16
Яке правило щодо вкладеності елементів є правильним у HTML?
Варіанти відповідей
Будь-які теги можна вкладати у будь-які інші без обмежень
Теги і можна переставляти у будь-якому порядку
Тег має бути розташований всередині <body></span></div></div><div class="TestQuestionView_optionButton__x4_Hh " role="button" tabindex="0"><div class="TestQuestionView_optionContent__LK8hd"><span class="TestQuestionView_optionText__SbYAm">Елементи мають бути правильно вкладені: відкритий тег повинен бути закритий у правильному порядку</span></div></div></div></div></div></div></div><div class="_questionSlug__controls__M6vD0"><button type="button" class="ant-btn css-oyl0w0 ant-btn-default"><span>Показати правильну відповідь</span></button></div></div></main><footer class="ant-layout-footer styles_footer__D62n0 css-oyl0w0"><div class="styles_container__0CKa2"><div class="screen-size_desktopVisible__8w7sN"><div class="styles_desktopLinks__1exDC"><div class="styles_section__OWIwO"><h5 class="ant-typography styles_sectionTitle__aCEkj css-oyl0w0">Бібліотека</h5><div class="ant-space css-oyl0w0 ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"><div class="ant-space-item"><a href="/"><span class="ant-typography styles_link__cRPOS css-oyl0w0">Головна</span></a></div><div class="ant-space-item"><a href="/books"><span class="ant-typography styles_link__cRPOS css-oyl0w0">Книги</span></a></div><div class="ant-space-item"><a href="/authors"><span class="ant-typography styles_link__cRPOS css-oyl0w0">Автори</span></a></div><div class="ant-space-item"><a href="/publications"><span class="ant-typography styles_link__cRPOS css-oyl0w0">Публікації</span></a></div><div class="ant-space-item"><a href="/publishers"><span class="ant-typography styles_link__cRPOS css-oyl0w0">Видавці</span></a></div></div></div><div class="styles_section__OWIwO"><h5 class="ant-typography styles_sectionTitle__aCEkj css-oyl0w0">Тести</h5><div class="ant-space css-oyl0w0 ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"><div class="ant-space-item"><a href="/tests"><span class="ant-typography styles_link__cRPOS css-oyl0w0">Всі тести</span></a></div><div class="ant-space-item"><a href="/tests/istoria"><span class="ant-typography styles_link__cRPOS css-oyl0w0">Історія України</span></a></div><div class="ant-space-item"><a href="/tests/ukr-mova"><span class="ant-typography styles_link__cRPOS css-oyl0w0">Українська мова</span></a></div><div class="ant-space-item"><a href="/tests/ukr-lit"><span class="ant-typography styles_link__cRPOS css-oyl0w0">Українська література</span></a></div></div></div><div class="styles_section__OWIwO"><h5 class="ant-typography styles_sectionTitle__aCEkj css-oyl0w0">Калькулятори</h5><div class="ant-space css-oyl0w0 ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"><div class="ant-space-item"><a href="/tests/calculator-nmt"><span class="ant-typography styles_link__cRPOS css-oyl0w0">НМТ</span></a></div><div class="ant-space-item"><a href="/tests/calculator-efvv"><span class="ant-typography styles_link__cRPOS css-oyl0w0">ЄФВВ</span></a></div><div class="ant-space-item"><a href="/tests/calculator-evi-tznk"><span class="ant-typography styles_link__cRPOS css-oyl0w0">ЄВІ ТЗНК</span></a></div><div class="ant-space-item"><a href="/tools"><span class="ant-typography styles_link__cRPOS css-oyl0w0">Математичні</span></a></div><div class="ant-space-item"><a href="/vidlik"><span class="ant-typography styles_link__cRPOS css-oyl0w0">Відліки</span></a></div></div></div><div class="styles_section__OWIwO"><h5 class="ant-typography styles_sectionTitle__aCEkj css-oyl0w0">Про сайт</h5><div class="ant-space css-oyl0w0 ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"><div class="ant-space-item"><a href="/about"><span class="ant-typography styles_link__cRPOS css-oyl0w0">Про сайт</span></a></div><div class="ant-space-item"><a href="/blog"><span class="ant-typography styles_link__cRPOS css-oyl0w0">Блог</span></a></div><div class="ant-space-item"><a href="/dovidka"><span class="ant-typography styles_link__cRPOS css-oyl0w0">Довідка</span></a></div><div class="ant-space-item"><a href="https://games.chitay.org.ua"><span class="ant-typography styles_link__cRPOS css-oyl0w0">Розвиваючі ігри</span></a></div><div class="ant-space-item"><a href="/contacts"><span class="ant-typography styles_link__cRPOS css-oyl0w0">Контакти</span></a></div><div class="ant-space-item"><a href="/zvorotnij-zviazok"><span class="ant-typography styles_link__cRPOS css-oyl0w0">Звʼязатися з нами</span></a></div><div class="ant-space-item"><a href="/terms"><span class="ant-typography styles_link__cRPOS css-oyl0w0">Умови використання</span></a></div><div class="ant-space-item"><a href="/privacy"><span class="ant-typography styles_link__cRPOS css-oyl0w0">Політика конфіденційності</span></a></div></div></div><div class="styles_section__OWIwO"><h5 class="ant-typography styles_sectionTitle__aCEkj css-oyl0w0">Соціальні мережі</h5><div class="SocialLinks_socialContainer__vmXbj"><a target="_blank" class="SocialLinks_socialLink__5bag5 SocialLinks_twitter__IIoM_" aria-label="Посилання на наш X (Twitter)" href="https://twitter.com/chitayorgua"><span role="img" aria-label="x" class="anticon anticon-x"><svg fill-rule="evenodd" viewBox="64 64 896 896" focusable="false" data-icon="x" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M921 912L601.11 445.75l.55.43L890.08 112H793.7L558.74 384 372.15 112H119.37l298.65 435.31-.04-.04L103 912h96.39L460.6 609.38 668.2 912zM333.96 184.73l448.83 654.54H706.4L257.2 184.73z"></path></svg></span></a><a target="_blank" class="SocialLinks_socialLink__5bag5 SocialLinks_tiktok__wuxXG" aria-label="Посилання на наш TikTok" href="https://www.tiktok.com/@chitayorgua"><span role="img" aria-label="tik-tok" class="anticon anticon-tik-tok"><svg fill-rule="evenodd" viewBox="64 64 896 896" focusable="false" data-icon="tik-tok" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M530.01 112.67c43.67-.67 87-.34 130.33-.67 2.67 51 21 103 58.33 139 37.33 37 90 54 141.33 59.66V445c-48-1.67-96.33-11.67-140-32.34-19-8.66-36.66-19.66-54-31-.33 97.33.34 194.67-.66 291.67-2.67 46.66-18 93-45 131.33-43.66 64-119.32 105.66-196.99 107-47.66 2.66-95.33-10.34-136-34.34C220.04 837.66 172.7 765 165.7 687c-.67-16.66-1-33.33-.34-49.66 6-63.34 37.33-124 86-165.34 55.33-48 132.66-71 204.99-57.33.67 49.34-1.33 98.67-1.33 148-33-10.67-71.67-7.67-100.67 12.33-21 13.67-37 34.67-45.33 58.34-7 17-5 35.66-4.66 53.66 8 54.67 60.66 100.67 116.66 95.67 37.33-.34 73-22 92.33-53.67 6.33-11 13.33-22.33 13.66-35.33 3.34-59.67 2-119 2.34-178.66.33-134.34-.34-268.33.66-402.33"></path></svg></span></a><a target="_blank" class="SocialLinks_socialLink__5bag5 SocialLinks_youtube__uqIjN" aria-label="Посилання на наш YouTube" href="https://www.youtube.com/@%D1%87%D0%B8%D1%82%D0%B0%D0%B9-%D1%895%D1%8A1%D0%B2"><span role="img" aria-label="youtube" class="anticon anticon-youtube"><svg viewBox="64 64 896 896" focusable="false" data-icon="youtube" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M960 509.2c0-2.2 0-4.7-.1-7.6-.1-8.1-.3-17.2-.5-26.9-.8-27.9-2.2-55.7-4.4-81.9-3-36.1-7.4-66.2-13.4-88.8a139.52 139.52 0 00-98.3-98.5c-28.3-7.6-83.7-12.3-161.7-15.2-37.1-1.4-76.8-2.3-116.5-2.8-13.9-.2-26.8-.3-38.4-.4h-29.4c-11.6.1-24.5.2-38.4.4-39.7.5-79.4 1.4-116.5 2.8-78 3-133.5 7.7-161.7 15.2A139.35 139.35 0 0082.4 304C76.3 326.6 72 356.7 69 392.8c-2.2 26.2-3.6 54-4.4 81.9-.3 9.7-.4 18.8-.5 26.9 0 2.9-.1 5.4-.1 7.6v5.6c0 2.2 0 4.7.1 7.6.1 8.1.3 17.2.5 26.9.8 27.9 2.2 55.7 4.4 81.9 3 36.1 7.4 66.2 13.4 88.8 12.8 47.9 50.4 85.7 98.3 98.5 28.2 7.6 83.7 12.3 161.7 15.2 37.1 1.4 76.8 2.3 116.5 2.8 13.9.2 26.8.3 38.4.4h29.4c11.6-.1 24.5-.2 38.4-.4 39.7-.5 79.4-1.4 116.5-2.8 78-3 133.5-7.7 161.7-15.2 47.9-12.8 85.5-50.5 98.3-98.5 6.1-22.6 10.4-52.7 13.4-88.8 2.2-26.2 3.6-54 4.4-81.9.3-9.7.4-18.8.5-26.9 0-2.9.1-5.4.1-7.6v-5.6zm-72 5.2c0 2.1 0 4.4-.1 7.1-.1 7.8-.3 16.4-.5 25.7-.7 26.6-2.1 53.2-4.2 77.9-2.7 32.2-6.5 58.6-11.2 76.3-6.2 23.1-24.4 41.4-47.4 47.5-21 5.6-73.9 10.1-145.8 12.8-36.4 1.4-75.6 2.3-114.7 2.8-13.7.2-26.4.3-37.8.3h-28.6l-37.8-.3c-39.1-.5-78.2-1.4-114.7-2.8-71.9-2.8-124.9-7.2-145.8-12.8-23-6.2-41.2-24.4-47.4-47.5-4.7-17.7-8.5-44.1-11.2-76.3-2.1-24.7-3.4-51.3-4.2-77.9-.3-9.3-.4-18-.5-25.7 0-2.7-.1-5.1-.1-7.1v-4.8c0-2.1 0-4.4.1-7.1.1-7.8.3-16.4.5-25.7.7-26.6 2.1-53.2 4.2-77.9 2.7-32.2 6.5-58.6 11.2-76.3 6.2-23.1 24.4-41.4 47.4-47.5 21-5.6 73.9-10.1 145.8-12.8 36.4-1.4 75.6-2.3 114.7-2.8 13.7-.2 26.4-.3 37.8-.3h28.6l37.8.3c39.1.5 78.2 1.4 114.7 2.8 71.9 2.8 124.9 7.2 145.8 12.8 23 6.2 41.2 24.4 47.4 47.5 4.7 17.7 8.5 44.1 11.2 76.3 2.1 24.7 3.4 51.3 4.2 77.9.3 9.3.4 18 .5 25.7 0 2.7.1 5.1.1 7.1v4.8zM423 646l232-135-232-133z"></path></svg></span></a></div></div></div></div><div class="screen-size_mobileVisible__whjXy"><div class="ant-collapse ant-collapse-icon-position-start ant-collapse-ghost styles_mobileLinks__ZDsCJ css-oyl0w0"><div class="ant-collapse-item"><div class="ant-collapse-header" aria-expanded="false" aria-disabled="false" role="button" tabindex="0"><div class="ant-collapse-expand-icon"><span role="img" aria-label="right" class="anticon anticon-right ant-collapse-arrow"><svg viewBox="64 64 896 896" focusable="false" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"></path></svg></span></div><span class="ant-collapse-header-text"><span class="ant-typography css-oyl0w0"><strong>Бібліотека</strong></span></span></div></div><div class="ant-collapse-item"><div class="ant-collapse-header" aria-expanded="false" aria-disabled="false" role="button" tabindex="0"><div class="ant-collapse-expand-icon"><span role="img" aria-label="right" class="anticon anticon-right ant-collapse-arrow"><svg viewBox="64 64 896 896" focusable="false" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"></path></svg></span></div><span class="ant-collapse-header-text"><span class="ant-typography css-oyl0w0"><strong>Тести</strong></span></span></div></div><div class="ant-collapse-item"><div class="ant-collapse-header" aria-expanded="false" aria-disabled="false" role="button" tabindex="0"><div class="ant-collapse-expand-icon"><span role="img" aria-label="right" class="anticon anticon-right ant-collapse-arrow"><svg viewBox="64 64 896 896" focusable="false" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"></path></svg></span></div><span class="ant-collapse-header-text"><span class="ant-typography css-oyl0w0"><strong>Калькулятори</strong></span></span></div></div><div class="ant-collapse-item"><div class="ant-collapse-header" aria-expanded="false" aria-disabled="false" role="button" tabindex="0"><div class="ant-collapse-expand-icon"><span role="img" aria-label="right" class="anticon anticon-right ant-collapse-arrow"><svg viewBox="64 64 896 896" focusable="false" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"></path></svg></span></div><span class="ant-collapse-header-text"><span class="ant-typography css-oyl0w0"><strong>Про сайт</strong></span></span></div></div></div><div class="ant-space css-oyl0w0 ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small styles_mobileSocialLinks___eaJg"><div class="ant-space-item"><div class="SocialLinks_socialContainer__vmXbj"><a target="_blank" class="SocialLinks_socialLink__5bag5 SocialLinks_twitter__IIoM_" aria-label="Посилання на наш X (Twitter)" href="https://twitter.com/chitayorgua"><span role="img" aria-label="x" class="anticon anticon-x"><svg fill-rule="evenodd" viewBox="64 64 896 896" focusable="false" data-icon="x" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M921 912L601.11 445.75l.55.43L890.08 112H793.7L558.74 384 372.15 112H119.37l298.65 435.31-.04-.04L103 912h96.39L460.6 609.38 668.2 912zM333.96 184.73l448.83 654.54H706.4L257.2 184.73z"></path></svg></span></a><a target="_blank" class="SocialLinks_socialLink__5bag5 SocialLinks_tiktok__wuxXG" aria-label="Посилання на наш TikTok" href="https://www.tiktok.com/@chitayorgua"><span role="img" aria-label="tik-tok" class="anticon anticon-tik-tok"><svg fill-rule="evenodd" viewBox="64 64 896 896" focusable="false" data-icon="tik-tok" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M530.01 112.67c43.67-.67 87-.34 130.33-.67 2.67 51 21 103 58.33 139 37.33 37 90 54 141.33 59.66V445c-48-1.67-96.33-11.67-140-32.34-19-8.66-36.66-19.66-54-31-.33 97.33.34 194.67-.66 291.67-2.67 46.66-18 93-45 131.33-43.66 64-119.32 105.66-196.99 107-47.66 2.66-95.33-10.34-136-34.34C220.04 837.66 172.7 765 165.7 687c-.67-16.66-1-33.33-.34-49.66 6-63.34 37.33-124 86-165.34 55.33-48 132.66-71 204.99-57.33.67 49.34-1.33 98.67-1.33 148-33-10.67-71.67-7.67-100.67 12.33-21 13.67-37 34.67-45.33 58.34-7 17-5 35.66-4.66 53.66 8 54.67 60.66 100.67 116.66 95.67 37.33-.34 73-22 92.33-53.67 6.33-11 13.33-22.33 13.66-35.33 3.34-59.67 2-119 2.34-178.66.33-134.34-.34-268.33.66-402.33"></path></svg></span></a><a target="_blank" class="SocialLinks_socialLink__5bag5 SocialLinks_youtube__uqIjN" aria-label="Посилання на наш YouTube" href="https://www.youtube.com/@%D1%87%D0%B8%D1%82%D0%B0%D0%B9-%D1%895%D1%8A1%D0%B2"><span role="img" aria-label="youtube" class="anticon anticon-youtube"><svg viewBox="64 64 896 896" focusable="false" data-icon="youtube" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M960 509.2c0-2.2 0-4.7-.1-7.6-.1-8.1-.3-17.2-.5-26.9-.8-27.9-2.2-55.7-4.4-81.9-3-36.1-7.4-66.2-13.4-88.8a139.52 139.52 0 00-98.3-98.5c-28.3-7.6-83.7-12.3-161.7-15.2-37.1-1.4-76.8-2.3-116.5-2.8-13.9-.2-26.8-.3-38.4-.4h-29.4c-11.6.1-24.5.2-38.4.4-39.7.5-79.4 1.4-116.5 2.8-78 3-133.5 7.7-161.7 15.2A139.35 139.35 0 0082.4 304C76.3 326.6 72 356.7 69 392.8c-2.2 26.2-3.6 54-4.4 81.9-.3 9.7-.4 18.8-.5 26.9 0 2.9-.1 5.4-.1 7.6v5.6c0 2.2 0 4.7.1 7.6.1 8.1.3 17.2.5 26.9.8 27.9 2.2 55.7 4.4 81.9 3 36.1 7.4 66.2 13.4 88.8 12.8 47.9 50.4 85.7 98.3 98.5 28.2 7.6 83.7 12.3 161.7 15.2 37.1 1.4 76.8 2.3 116.5 2.8 13.9.2 26.8.3 38.4.4h29.4c11.6-.1 24.5-.2 38.4-.4 39.7-.5 79.4-1.4 116.5-2.8 78-3 133.5-7.7 161.7-15.2 47.9-12.8 85.5-50.5 98.3-98.5 6.1-22.6 10.4-52.7 13.4-88.8 2.2-26.2 3.6-54 4.4-81.9.3-9.7.4-18.8.5-26.9 0-2.9.1-5.4.1-7.6v-5.6zm-72 5.2c0 2.1 0 4.4-.1 7.1-.1 7.8-.3 16.4-.5 25.7-.7 26.6-2.1 53.2-4.2 77.9-2.7 32.2-6.5 58.6-11.2 76.3-6.2 23.1-24.4 41.4-47.4 47.5-21 5.6-73.9 10.1-145.8 12.8-36.4 1.4-75.6 2.3-114.7 2.8-13.7.2-26.4.3-37.8.3h-28.6l-37.8-.3c-39.1-.5-78.2-1.4-114.7-2.8-71.9-2.8-124.9-7.2-145.8-12.8-23-6.2-41.2-24.4-47.4-47.5-4.7-17.7-8.5-44.1-11.2-76.3-2.1-24.7-3.4-51.3-4.2-77.9-.3-9.3-.4-18-.5-25.7 0-2.7-.1-5.1-.1-7.1v-4.8c0-2.1 0-4.4.1-7.1.1-7.8.3-16.4.5-25.7.7-26.6 2.1-53.2 4.2-77.9 2.7-32.2 6.5-58.6 11.2-76.3 6.2-23.1 24.4-41.4 47.4-47.5 21-5.6 73.9-10.1 145.8-12.8 36.4-1.4 75.6-2.3 114.7-2.8 13.7-.2 26.4-.3 37.8-.3h28.6l37.8.3c39.1.5 78.2 1.4 114.7 2.8 71.9 2.8 124.9 7.2 145.8 12.8 23 6.2 41.2 24.4 47.4 47.5 4.7 17.7 8.5 44.1 11.2 76.3 2.1 24.7 3.4 51.3 4.2 77.9.3 9.3.4 18 .5 25.7 0 2.7.1 5.1.1 7.1v4.8zM423 646l232-135-232-133z"></path></svg></span></a></div></div></div></div><div class="ant-divider css-oyl0w0 ant-divider-horizontal styles_divider__HIor8" role="separator"></div><div class="styles_bottomSection__AFjb9"><div class="ant-space css-oyl0w0 ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"><div class="ant-space-item"><img alt="Логотип сайту" loading="lazy" width="28" height="28" decoding="async" data-nimg="1" style="color:transparent" src="/img/logo.svg"/></div><div class="ant-space-item"><span class="ant-typography ant-typography-secondary css-oyl0w0">читай © <!-- -->2026</span></div></div></div></div></footer><script src="https://accounts.google.com/gsi/client" async="" class="jsx-2115252247"></script></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"test":{"id":"99607442-f2c5-41ff-8dc4-4bccea880eb1","slug":"test-z-osnov-html","title":"Тест з основ HTML","description":"Перевірка базових знань HTML: структура документа, теги, атрибути та семантичні елементи для розмітки веб-сторінок.","coverUrl":null,"subject":"informatyka","grade":"9-klas","gradeType":null,"createdAt":"2026-01-11T11:49:53.765+00:00","updatedAt":"2026-01-11T11:55:04.969+00:00","createdBy":"FP2VaJbWUKdLj4B6sxzF","isPublic":true,"isAiGenerated":true,"generatedBasedOn":"topic","articleId":null,"isPublished":true,"generation_status":"completed","generation_error":null,"generation_started_at":"2026-01-11T11:49:53.765+00:00","generation_completed_at":"2026-01-11T11:50:47.097+00:00","questions":[{"id":"a7e8fbaf-4255-4761-a4f3-8e7e719a6174","testId":"99607442-f2c5-41ff-8dc4-4bccea880eb1","text":"Яку роль виконує декларація \u003c!DOCTYPE html\u003e у HTML-документі?","type":"test","options":[{"text":"Вказує мову вмісту сторінки"},{"text":"Підключає зовнішні стилі"},{"text":"Оголошує тип документа та активує режим сумісності HTML5 у браузері"},{"text":"Позначає початок коментаря"}],"correctAnswer":"2","answerExplanation":"Декларація \u003c!DOCTYPE html\u003e повідомляє браузеру, що документ використовує HTML5, що забезпечує очікувану інтерпретацію розмітки та режим рендерингу.","createdBy":"FP2VaJbWUKdLj4B6sxzF","images":[],"createdAt":"2026-01-11T11:50:47.07056+00:00","updatedAt":"2026-01-11T11:50:47.07056+00:00"},{"id":"ed76ebe0-c458-42c9-8476-a98679507f20","testId":"99607442-f2c5-41ff-8dc4-4bccea880eb1","text":"Який елемент є кореневим у HTML-документі?","type":"test","options":[{"text":"\u003chtml\u003e"},{"text":"\u003cbody\u003e"},{"text":"\u003chead\u003e"},{"text":"\u003cdoctype\u003e"}],"correctAnswer":"0","answerExplanation":"Елемент \u003chtml\u003e охоплює весь вміст сторінки і є кореневим елементом, всередині якого розташовані \u003chead\u003e та \u003cbody\u003e.","createdBy":"FP2VaJbWUKdLj4B6sxzF","images":[],"createdAt":"2026-01-11T11:50:47.07056+00:00","updatedAt":"2026-01-11T11:50:47.07056+00:00"},{"id":"8bc48771-0ff4-4a33-911a-b382b9a6f2e0","testId":"99607442-f2c5-41ff-8dc4-4bccea880eb1","text":"Який тег використовують для вказівки метаданих, наприклад кодування сторінки?","type":"test","options":[{"text":"\u003ctitle\u003e"},{"text":"\u003clink\u003e"},{"text":"\u003cscript\u003e"},{"text":"\u003cmeta\u003e"}],"correctAnswer":"3","answerExplanation":"Тег \u003cmeta\u003e використовується для визначення метаданих документа, таких як кодування (charset), автор або опис сторінки.","createdBy":"FP2VaJbWUKdLj4B6sxzF","images":[],"createdAt":"2026-01-11T11:50:47.07056+00:00","updatedAt":"2026-01-11T11:50:47.07056+00:00"},{"id":"153fa80b-e666-4b0c-8e7a-9f167f2b697a","testId":"99607442-f2c5-41ff-8dc4-4bccea880eb1","text":"Який тег призначений для заголовка найвищого рівня на сторінці?","type":"test","options":[{"text":"\u003ch2\u003e"},{"text":"\u003ch1\u003e"},{"text":"\u003cheader\u003e"},{"text":"\u003ctitle\u003e"}],"correctAnswer":"1","answerExplanation":"Тег \u003ch1\u003e позначає заголовок найвищого рівня і зазвичай використовується для основної назви сторінки або розділу.","createdBy":"FP2VaJbWUKdLj4B6sxzF","images":[],"createdAt":"2026-01-11T11:50:47.07056+00:00","updatedAt":"2026-01-11T11:50:47.07056+00:00"},{"id":"ac9e4c19-3662-4aba-8d0c-0e251f34e6ac","testId":"99607442-f2c5-41ff-8dc4-4bccea880eb1","text":"Який атрибут тега \u003cimg\u003e забезпечує альтернативний текст для зображення?","type":"test","options":[{"text":"title"},{"text":"src"},{"text":"alt"},{"text":"href"}],"correctAnswer":"2","answerExplanation":"Атрибут alt задає текстовий опис зображення, що важливо для доступності та коли зображення не завантажується.","createdBy":"FP2VaJbWUKdLj4B6sxzF","images":[],"createdAt":"2026-01-11T11:50:47.07056+00:00","updatedAt":"2026-01-11T11:50:47.07056+00:00"},{"id":"16ea1a48-4051-4c6b-82e7-b5b34b63f4f6","testId":"99607442-f2c5-41ff-8dc4-4bccea880eb1","text":"Який елемент слід використовувати для групи навігаційних посилань на сторінці?","type":"test","options":[{"text":"\u003cmenu\u003e"},{"text":"\u003cnav\u003e"},{"text":"\u003cdiv class=\"nav\"\u003e"},{"text":"\u003csection\u003e"}],"correctAnswer":"1","answerExplanation":"Елемент \u003cnav\u003e семантично позначає навігаційний блок, що містить посилання на основні розділи або сторінки.","createdBy":"FP2VaJbWUKdLj4B6sxzF","images":[],"createdAt":"2026-01-11T11:50:47.07056+00:00","updatedAt":"2026-01-11T11:50:47.07056+00:00"},{"id":"a58eb052-e1b0-41cb-bec7-8eeb09ea5e9d","testId":"99607442-f2c5-41ff-8dc4-4bccea880eb1","text":"Який з наведених елементів зазвичай є inline (вбудованим), а не block (блочним)?","type":"test","options":[{"text":"\u003cspan\u003e"},{"text":"\u003cdiv\u003e"},{"text":"\u003csection\u003e"},{"text":"\u003carticle\u003e"}],"correctAnswer":"0","answerExplanation":"Тег \u003cspan\u003e є вбудованим елементом, який не створює нового блоку і використовується для обгортання частин тексту всередині рядка.","createdBy":"FP2VaJbWUKdLj4B6sxzF","images":[],"createdAt":"2026-01-11T11:50:47.07056+00:00","updatedAt":"2026-01-11T11:50:47.07056+00:00"},{"id":"b90a4e14-a9d6-4af1-b7e8-a06fae98c2e4","testId":"99607442-f2c5-41ff-8dc4-4bccea880eb1","text":"Який з наведених HTML-тегів зазвичай є самозакриваючим (self-closing) у HTML5?","type":"test","options":[{"text":"\u003cdiv\u003e\u003c/div\u003e"},{"text":"\u003ca\u003e\u003c/a\u003e"},{"text":"\u003cp\u003e\u003c/p\u003e"},{"text":"\u003cimg src=\"...\" alt=\"...\"\u003e "}],"correctAnswer":"3","answerExplanation":"Тег \u003cimg\u003e не має окремого закриваючого тега і в HTML5 записується як одиночний тег з атрибутами src і alt.","createdBy":"FP2VaJbWUKdLj4B6sxzF","images":[],"createdAt":"2026-01-11T11:50:47.07056+00:00","updatedAt":"2026-01-11T11:50:47.07056+00:00"},{"id":"c368ec54-fc1a-4161-878b-d38dffcf9c8c","testId":"99607442-f2c5-41ff-8dc4-4bccea880eb1","text":"Який тег використовується для створення гіперпосилання?","type":"test","options":[{"text":"\u003clink\u003e"},{"text":"\u003cbutton\u003e"},{"text":"\u003ca\u003e"},{"text":"\u003chref\u003e"}],"correctAnswer":"2","answerExplanation":"Тег \u003ca\u003e (anchor) створює посилання; атрибут href вказує адресу, на яку веде це посилання.","createdBy":"FP2VaJbWUKdLj4B6sxzF","images":[],"createdAt":"2026-01-11T11:50:47.07056+00:00","updatedAt":"2026-01-11T11:50:47.07056+00:00"},{"id":"6405f2d7-cc31-42ec-aec9-29c0fdadddfd","testId":"99607442-f2c5-41ff-8dc4-4bccea880eb1","text":"Що таке семантичні елементи в HTML?","type":"test","options":[{"text":"Елементи, які надають змістовне значення структурі документа, наприклад \u003cheader\u003e чи \u003carticle\u003e"},{"text":"Елементи, що автоматично додають стилі до сторінки"},{"text":"Елементи, які працюють лише з JavaScript"},{"text":"Елементи, що використовуються тільки для медіафайлів"}],"correctAnswer":"0","answerExplanation":"Семантичні елементи передають значення структури (наприклад, header, nav, article), що покращує читабельність коду та доступність.","createdBy":"FP2VaJbWUKdLj4B6sxzF","images":[],"createdAt":"2026-01-11T11:50:47.07056+00:00","updatedAt":"2026-01-11T11:50:47.07056+00:00"},{"id":"fbdde56f-8588-4b2b-b1a6-fff410666f2a","testId":"99607442-f2c5-41ff-8dc4-4bccea880eb1","text":"Який тег використовується для підключення зовнішнього CSS-файлу до HTML-документа?","type":"test","options":[{"text":"\u003cstyle src=\"style.css\"\u003e\u003c/style\u003e"},{"text":"\u003clink rel=\"stylesheet\" href=\"style.css\"\u003e"},{"text":"\u003cscript href=\"style.css\"\u003e\u003c/script\u003e"},{"text":"\u003ccss src=\"style.css\"\u003e"}],"correctAnswer":"1","answerExplanation":"Тег \u003clink\u003e з атрибутами rel=\"stylesheet\" і href вказує браузеру на зовнішній CSS-файл, який слід застосувати до документа.","createdBy":"FP2VaJbWUKdLj4B6sxzF","images":[],"createdAt":"2026-01-11T11:50:47.07056+00:00","updatedAt":"2026-01-11T11:50:47.07056+00:00"},{"id":"2a241bab-f713-4f20-aa75-4235683e9dd2","testId":"99607442-f2c5-41ff-8dc4-4bccea880eb1","text":"Як правильно записати коментар у HTML?","type":"test","options":[{"text":"// це коментар"},{"text":"/* це коментар */"},{"text":"`коментар`"},{"text":"\u003c!-- це коментар --\u003e"}],"correctAnswer":"3","answerExplanation":"Коментар у HTML записується у формі \u003c!-- коментар --\u003e і не відображається в інтерфейсі сторінки.","createdBy":"FP2VaJbWUKdLj4B6sxzF","images":[],"createdAt":"2026-01-11T11:50:47.07056+00:00","updatedAt":"2026-01-11T11:50:47.07056+00:00"},{"id":"0dc702b2-ac6d-45f5-88d4-ff23c7ebe20d","testId":"99607442-f2c5-41ff-8dc4-4bccea880eb1","text":"Який тип \u003cinput\u003e слід використовувати для введення електронної пошти, щоб браузер застосовував валідацію формату?","type":"test","options":[{"text":"\u003cinput type=\"email\"\u003e"},{"text":"\u003cinput type=\"text\"\u003e"},{"text":"\u003cinput type=\"password\"\u003e"},{"text":"\u003cinput type=\"tel\"\u003e"}],"correctAnswer":"0","answerExplanation":"Тип input=\"email\" підказує браузеру очікувати адресу електронної пошти і забезпечує базову перевірку формату перед відправленням.","createdBy":"FP2VaJbWUKdLj4B6sxzF","images":[],"createdAt":"2026-01-11T11:50:47.07056+00:00","updatedAt":"2026-01-11T11:50:47.07056+00:00"},{"id":"9cc54776-5f80-4eff-951a-0a6076d176b0","testId":"99607442-f2c5-41ff-8dc4-4bccea880eb1","text":"Який тег використовується для створення нумерованого (упорядкованого) списку?","type":"test","options":[{"text":"\u003cul\u003e"},{"text":"\u003cli\u003e"},{"text":"\u003col\u003e"},{"text":"\u003cdl\u003e"}],"correctAnswer":"2","answerExplanation":"Тег \u003col\u003e створює упорядкований список із нумерацією, а кожен пункт у ньому позначається тегом \u003cli\u003e.","createdBy":"FP2VaJbWUKdLj4B6sxzF","images":[],"createdAt":"2026-01-11T11:50:47.07056+00:00","updatedAt":"2026-01-11T11:50:47.07056+00:00"},{"id":"8cff5b97-326a-4b49-a7f1-033fca4c228b","testId":"99607442-f2c5-41ff-8dc4-4bccea880eb1","text":"Який атрибут треба додати до посилання, щоб воно відкривалося в новій вкладці браузера?","type":"test","options":[{"text":"rel=\"noopener\""},{"text":"target=\"_blank\""},{"text":"download"},{"text":"method=\"new\""}],"correctAnswer":"1","answerExplanation":"Атрибут target=\"_blank\" вказує браузеру відкривати посилання в новій вкладці або вікні, що часто використовується для зовнішніх ресурсів.","createdBy":"FP2VaJbWUKdLj4B6sxzF","images":[],"createdAt":"2026-01-11T11:50:47.07056+00:00","updatedAt":"2026-01-11T11:50:47.07056+00:00"},{"id":"2f98d803-db1d-405d-b227-0eb79d0b3629","testId":"99607442-f2c5-41ff-8dc4-4bccea880eb1","text":"Яке правило щодо вкладеності елементів є правильним у HTML?","type":"test","options":[{"text":"Будь-які теги можна вкладати у будь-які інші без обмежень"},{"text":"Теги \u003chead\u003e і \u003cbody\u003e можна переставляти у будь-якому порядку"},{"text":"Тег \u003ctitle\u003e має бути розташований всередині \u003cbody\u003e"},{"text":"Елементи мають бути правильно вкладені: відкритий тег повинен бути закритий у правильному порядку"}],"correctAnswer":"3","answerExplanation":"Правильна вкладеність означає, що теги повинні закриватись у зворотному порядку їх відкриття, щоб структура документа була коректною та парсилась правильно.","createdBy":"FP2VaJbWUKdLj4B6sxzF","images":[],"createdAt":"2026-01-11T11:50:47.07056+00:00","updatedAt":"2026-01-11T11:50:47.07056+00:00"},{"id":"5e991a2a-2980-471f-a3cb-e1a17cfb541e","testId":"99607442-f2c5-41ff-8dc4-4bccea880eb1","text":"Окрім відображення текстового опису, яку ще важливу функцію виконує атрибут alt для зображень?","type":"test","options":[{"text":"Автоматично змінює розмір зображення"},{"text":"Підвищує швидкість завантаження сторінки"},{"text":"Покращує доступність для користувачів зі спеціальними потребами та пошукову оптимізацію"},{"text":"Забезпечує захист від копіювання"}],"correctAnswer":"2","answerExplanation":"Атрибут alt важливий для людей, які використовують екранні читачі, і допомагає пошуковим системам зрозуміти вміст зображення, що покращує доступність та SEO.","createdBy":"FP2VaJbWUKdLj4B6sxzF","images":[],"createdAt":"2026-01-11T11:50:47.07056+00:00","updatedAt":"2026-01-11T11:50:47.07056+00:00"},{"id":"e7eeb1b3-4535-4d03-a4e6-c3d84514b710","testId":"99607442-f2c5-41ff-8dc4-4bccea880eb1","text":"Який тег використовується для визначення рядка таблиці?","type":"test","options":[{"text":"\u003ctr\u003e"},{"text":"\u003ctd\u003e"},{"text":"\u003cth\u003e"},{"text":"\u003ctable-row\u003e"}],"correctAnswer":"0","answerExplanation":"Тег \u003ctr\u003e визначає рядок таблиці; всередині нього розміщуються клітинки за допомогою \u003ctd\u003e або заголовні клітинки \u003cth\u003e.","createdBy":"FP2VaJbWUKdLj4B6sxzF","images":[],"createdAt":"2026-01-11T11:50:47.07056+00:00","updatedAt":"2026-01-11T11:50:47.07056+00:00"},{"id":"97d1eeb3-41e4-4b7b-8501-30231bc05159","testId":"99607442-f2c5-41ff-8dc4-4bccea880eb1","text":"Який тег використовується для підключення або вбудовування JavaScript у HTML-документ?","type":"test","options":[{"text":"\u003clink\u003e"},{"text":"\u003cscript src=\"app.js\"\u003e\u003c/script\u003e"},{"text":"\u003cjavascript\u003e"},{"text":"\u003cjs\u003e"}],"correctAnswer":"1","answerExplanation":"Тег \u003cscript\u003e використовується для вбудованого або зовнішнього JavaScript; атрибут src вказує на файл з кодом, який слід підключити.","createdBy":"FP2VaJbWUKdLj4B6sxzF","images":[],"createdAt":"2026-01-11T11:50:47.07056+00:00","updatedAt":"2026-01-11T11:50:47.07056+00:00"},{"id":"2b864a03-34ac-46e9-a0b9-d7076dc7383c","testId":"99607442-f2c5-41ff-8dc4-4bccea880eb1","text":"Де найкраще розміщувати тег \u003cmeta charset=\"UTF-8\"\u003e у HTML-документі?","type":"test","options":[{"text":"Всередині тега \u003cbody\u003e"},{"text":"Після закриваючого тега \u003c/html\u003e"},{"text":"У самому низу документа перед закриваючим \u003c/body\u003e"},{"text":"У блоці \u003chead\u003e на початку документа"}],"correctAnswer":"3","answerExplanation":"Мета-тег з кодуванням повинен перебувати у \u003chead\u003e на початку документа, щоб браузер правильно інтерпретував символи під час парсингу сторінки.","createdBy":"FP2VaJbWUKdLj4B6sxzF","images":[],"createdAt":"2026-01-11T11:50:47.07056+00:00","updatedAt":"2026-01-11T11:50:47.07056+00:00"}]},"question":{"id":"2f98d803-db1d-405d-b227-0eb79d0b3629","testId":"99607442-f2c5-41ff-8dc4-4bccea880eb1","text":"Яке правило щодо вкладеності елементів є правильним у HTML?","type":"test","options":[{"text":"Будь-які теги можна вкладати у будь-які інші без обмежень"},{"text":"Теги \u003chead\u003e і \u003cbody\u003e можна переставляти у будь-якому порядку"},{"text":"Тег \u003ctitle\u003e має бути розташований всередині \u003cbody\u003e"},{"text":"Елементи мають бути правильно вкладені: відкритий тег повинен бути закритий у правильному порядку"}],"correctAnswer":"3","answerExplanation":"Правильна вкладеність означає, що теги повинні закриватись у зворотному порядку їх відкриття, щоб структура документа була коректною та парсилась правильно.","createdBy":"FP2VaJbWUKdLj4B6sxzF","images":[],"createdAt":"2026-01-11T11:50:47.07056+00:00","updatedAt":"2026-01-11T11:50:47.07056+00:00"},"nextQuestionSlug":"17-okrim-vidobrazhennia-tekstovoho-opysu-yaku-shche-vazhlyv","questionSlug":"16-yake-pravylo-shchodo-vkladenosti-elementiv-ye-pravylny"},"__N_SSP":true},"page":"/community/tests/[slug]/questions/[questionSlug]","query":{"slug":"test-z-osnov-html","questionSlug":"16-yake-pravylo-shchodo-vkladenosti-elementiv-ye-pravylny"},"buildId":"ExkOtWT2RB5tCQUPKGU_a","isFallback":false,"dynamicIds":[90541,3760,26760,65196,43052],"gssp":true,"locale":"uk","locales":["uk"],"defaultLocale":"uk","scriptLoader":[{"id":"clarity-script","strategy":"afterInteractive","children":"\n (function(c,l,a,r,i,t,y){\n c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};\n t=l.createElement(r);t.async=1;t.src=\"https://www.clarity.ms/tag/\"+i+\"?ref=bwt\";\n y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);\n })(window, document, \"clarity\", \"script\", \"nqdb7tn756\");\n "}]}</script></body></html>