HTML - Веб-мастер Семён Федосеев

HTML5

HTML для начинающих: вопросы и ответы
Всего вопросов: 40
Вопросы в тесте: 20
Время на выполнение: 5 минут

1. Как будет выглядеть видео на полностью загруженной веб-странице, если video тег используется, а атрибут автозапуска не установлен?

a. Он будет отображать первый кадр видео, если не установлен атрибут poster .

b. Он будет отображать черное окно, если атрибут плаката не установлен.

c. Он ничего не будет отображать, если не установлен атрибут poster.

d. Он будет отображать случайный кадр из видео, если не установлен атрибут poster .

2. Когда следует использовать элемент article?

a. Когда содержимое представляет собой единое целое, подходит для синдикации или может использоваться повторно.

b. Для сообщений в блогах и других социальных сетях.

c. Чтобы связать комментарии с записью в блоге.

d. Для области основного контента веб-сайта.

3. В HTML5 какой тег или теги встраивают веб-страницу внутрь веб-страницы?

a. <iframe>, <frame> и <frameset>

b. <iframe>

c. <frame>

d. <frame> и <frameset>

4. Какая наилучшая семантика использования кавычек в HTML?

a. <blockquote>

b. <notation>

c. <q>

d. <quote>

Стив Круз говорит: “Он должен выиграть”

5. Какая разметка для alt атрибута изображения правильная?

a. <img src="cubism.jpg" alt="Version of \"Whistler’s Mother\" in cubist style">

b. <img src="cubism.jpg" alt="Version of "Whistler’s Mother" in cubist style">

c. <img src="cubism.jpg" alt="Version of ""Whistler’s Mother"" in cubist style">

d. <img src="cubism.jpg" alt=’Version of "Whistler\’s Mother" in cubist style’>

6. Как правильно описать пустой элемент?

a. У него есть открывающие и закрывающие теги, но нет дочернего контента.

b. У него есть дочерний контент, но нет закрывающего тега.

c. Он ничего не отображает на веб-сайте.

d. У него нет дочернего содержимого и закрывающего тега.

7. Для чего обычно используется тег hr?

a. Он рисует горизонтальную линию.

b. Он обозначает сдвиг темы в разделе на уровне абзаца.

c. Это означает смену темы на уровне раздела.

d. Этот тег устарел и не должен использоваться.

8. В чём разница между тегами head и header?

a. Тег <head> может содержать ссылки CSS и JavaScript, а <header> может содержать заголовки и навигационные ссылки.

b. Все ответы.

c. На странице только один <head>тег, а тегов <header> может быть много.

d. Тег <head>содержит метаинформацию, а <header>содержит навигацию, логотипы и другой контент, идентифицирующий страницу.

9. Когда используется тег link?

a. При связывании таблиц стилей, значков и предварительной загрузке ресурсов

b. При связывании таблиц стилей, внешних URL-адресов и значков

c. При ссылке одной веб-страницы на другую

d. При связывании таблиц стилей, JavaScript и значков для мобильных приложений

10. Какой наилучший семантический способ указать, что текст относится к вводу с клавиатуры?

a. <p>Нажмите <samp>Enter</samp> клавишу на клавиатуре.</p>

b. <p>Нажмите <kbd>Enter</kbd> клавишу на клавиатуре.</p>

c. <p>Нажмите <tt>Enter</tt> клавишу на клавиатуре.</p>

d. <p>Нажмите Enter клавишу на клавиатуре.</p>

11. Как правильно закодировать комментарий в HTML?

a. /* комментарий */

b. <! комментарий ->

c. <!– комментарий –>

d. //комментарий

12. Какой атрибут применяет подсказку сочетания клавиш к текущему элементу?

a. access

b. accesskey

c. shortcut

d. keyboard

Самозакрывающиеся элементы

13. Какие теги лучше подходят для void элементов?

a. <link><meta><title>

b. <br><base><source>

c. <input><br><p>

d. <area><embed><strong>

14. При нажатии на какой фрагмент HTML происходит телефонный звонок на мобильном устройстве?

a. <a href="phone">802-555-1212</a>

b. <a href="tel:802-555-1212">Звоните нам</a>

c. <a href="phone:802-555-1212">Звоните нам</a>

d. <a href="tel">802-555-1212</a>

15. Учитывая показанную на рисунке структуру файлов и каталогов, как правильно разместить элемент в файле profit.html для ссылки на info.html?

a. <a href="../work/info.html">Посмотреть информацию</a>

b. <a href="info.html">Посмотреть информацию</a>

c. <a href="../../info.html">Посмотреть информацию</a>

d. <a href="../info.html">Посмотреть информацию</a>

16. С какими тегами связан элемент source?

a. <audio> и <video>

b. <svg>, <picture>, <audio> и <video>

c. <picture>, <audio> и <video>

d. Он взаимозаменяем с src атрибутом, поэтому любой элемент, который использует src, может использовать <source>

17. Чем следует заполнить пробел в этом HTML-коде?

a. es-es

b. es

c. es-spanish

d. spanish

<a href="https://es.yahoo.com/" hreflang="____" target="_blank">Visita Yahoo</a>

18. Когда следует использовать aside элемент?

a. Когда содержимое может быть удалено без ущерба для содержимого страницы

b. Для всего, что указано в скобках

c. Для чего-либо на боковой панели

d. Для всего, что вы хотите переместить в сторону, например, для выдвижного окна цитаты, боковой панели или изображения с текстом вокруг него

19. Что выполняет приведённый ниже код?

a. Он отображает image1.jpg при разрешении 1000 пикселей и выше, image2.jpg с разрешением 750-999 пикселей и image3.jpg с разрешением 749px и ниже.

b. Он отображает image1.jps с разрешением 1000 пикселей и выше и image2.jpg при разрешении 750-999 пикселей, image3.jpg является значением по умолчанию в случае <picture>, если не поддерживается.

c. Он отображает image1.jpg при разрешении 1000 пикселей и выше и image2.jpg при 750px и выше, image3.jpg является значением по умолчанию в случае<picture>, если не поддерживается.

d. Он отображает image1.jpg , image2.jpg и image3.jpg с разрешением 1000 пикселей и выше.

<picture>
  <source srcset="image1.jpg" media="(min-width: 1000px)" />
  <source srcset="image2.jpg" media="(min-width: 750px)" />
  <img src="image3.jpg" />
</picture>

20. Какая цель атрибута class?

a. Классы позволяют CSS и JavaScript выбирать определённые элементы на странице. Можно перечислить столько имён классов в атрибуте класса, сколько пожелаете, разделённых пробелами.

b. Классы позволяют CSS и JavaScript выбирать опредёленные элементы на странице. Можно указать только одно имя класса для каждого атрибута класса.

c. Классы позволяют CSS выбирать определённые элементы на странице. Можно перечислить столько имён классов в атрибуте класса, сколько пожелаете, разделённых пробелами.

d. Классы позволяют CSS выбирать определённые элементы на странице. Можно указать только одно имя класса для каждого атрибута класса.

Ваша оценка