WorksheetsПроверка знаний по основам html5 и css3
Total questions: 40
Worksheet time: 20mins
Для чего используют тег div?
Для блочной верстки сайта
Для табличной верстки сайта
Для работы с видео
Для создание таблиц
Для работы с текстом
Какой из тегов является тегом для работы с абзацем?
p
div
H
li
Где верно записан DOCTYPE для HTML5 версии?
<DOCTYPE html5>
<!DOCTYPE html>
<!DOCTYPE html5>
<DOCTYPE html>
Что делает код?
<a href="/" title="Посмотреть">Немного текста</a>
Выводит ссылку на перезагрузку страницы
Выводит нерабочую ссылку с подсказкой "Посмотреть"
Выводит ссылку на основную страницу с подсказкой "Посмотреть"
Выводит обычный текст с подсказкой "Посмотреть"
Какой тег не используется при работе с таблицами?
Th
Tr
Tt
Td
Что не так в коде ниже?
<img href="/img/test.png" alt="">
Нужен зарывающий тег img
Путь к изображению указан не полностью
Необходимо дописать атрибут title
Вместо href необходимо прописывать src
Какой тег создает пронумерованный список?
ul
ol
Все input теги стоит записывать в теге:
form
section
div
table
Какого поля input не существует?
input type="submit"
input type="text"
input type="name"
input type="date"
Какой тег не существует в HTML?
article
navigation
nav
com
Где верно создан комментарий в html?
<-- текст -->
<!-- текст -->
<-- текст --!>
Какое свойство используется для задания внешних отступов?
margin
direction
padding
position
Какие единицы измерения могут использоваться для атрибута ширины?
Пиксели и %
Миллиметры и сантиметры
Пиксели и миллиметры
Использование какого тэга позволяет добавлять одну строку текста без начала нового абзаца?
<line/>
<br/>
<td/>
Объясните смысл кода, представленного ниже:
Будет создана таблица, состоящая из 1 ряда и 3 колонок
Будет создана таблица, состоящая из 3 рядов и 1 колонки
Будет создана таблица, состоящая из 2 рядов и 3 колонок
Напишите код HTML, который бы создавал кнопку отправки заполненной формы. Имя кнопки – ОК.
<input type="ОК" value="Submit"/>
<p> input type="submit" value="OK"< /p>
<input type="submit" value="ОК"/>
Какой тэг при создании страницы добавляет имя страницы, которое будет отображаться в строке заголовка в браузере пользователя?
<title> … </title>
<header> … </header>
<body> … </body>
Что содержит в себе атрибут href?
URL страницы, на которую произойдет перенаправление
Имя страницы, на которую произойдет перенаправление
Указание на то, где будет открываться новая страница: в том же или новом окне
Укажите тэг, который соответствует элементу списка:
<li>
<ul>
<ol>
Какое значение следует задать атрибуту type, чтобы оно превращало входной тэг в форму отправки?
Submit
Checkbox
Radiobutton
Какие тэги делают шрифт текста жирным?
<ins> и <del>
<li> и <ul>
<b> и <strong>
Какие тэги используются для определения заголовков?
h1-h6
Header
Heading
Какой тэг содержит навигацию?
<nav>
<geo>
<metanav>
HTML – это
Язык разметки
Библиотека гипертекста
Скриптовый язык
Обязательно ли использование тэгов <html> … </html>?
Да, без них браузер не распознает HTML-документ
Да, если HTML-документ создается в блокноте или другом текстовом редакторе. В специальном компиляторе HTML эти тэги можно не использовать
Не обязательно
В HTML не существует … тэгов.
Одиночных
Парных
Тройных
При создании сайтов используют кодировку:
UTF8
ASCII
UTF-32
Какой символ обозначает конец тэга?
;
^
!
/
Какой HTML-тэг используется для определения футера документа или раздела?
<footer>
<bottom>
<section>
Какое свойство указывает задний фон для тега?
background
transition
color
display
Как много стилей можно добавить к одному объекту?
Не более 20
Неограниченное количество
Не более 100
Где верно указано свойство?
background_color: #222;
bg: #fafafa;
background: #fff;
back-color: red;
background: #00;
Где верно прописан селектор для тега ниже?
<div id="test">Text</div>
#test {}
.test {}
div.test {}
*test {}
В чём здесь ошибка?
<div>Test 1</div>
<div id="test">Test 2</div>
<p class="text-1">Test 3</p>
<p id="test"></p>
<p class="text-1">Test 4</p>
Неверно записано название класса: «text-1»
Идентификатор «test» был присвоен разным элементам, но его повторение не допускается
Нельзя использовать id для блочных элементов
Класс «text-1» нельзя использовать для нескольких тегов
Для чего нужен CSS?
Для работы со стилями в фреймах
Для добавления функциональности к странице
Для создания разметки на странице
Для работы со стилями на страницах сайта
Как установить ширину объекта?
При помощи атрибута width
При помощи атрибута height
При помощи атрибута display:flex
При помощи атрибута justify-content
Как к тегу «P» добавить несколько классов?
К одному элементу можно добавить лишь один класс
Прописать классы через пробел: class="test-1 test-2"
Можно записать несколько классов через точку: test-1.test-2
Необходимо дважды прописать атрибут class для тега
Какой CSS-код написан правильно?
<div> {border: 1px solid #ccc;}
div {border: 1px solid #ccc;}
<div> {border: 1px solid #hhh;}
Какой псевдоэлемент нужно использовать, чтобы при наведении курсора мыши на ссылку, она меняла цвет.
active
hover
link
Выберите правильные варианты отступа сверху в 10 пикселей:
margin: 10px 0 0 0;
margin: 0 10px 10px 10px;
margin-bottom:10px;
margin: 0 10px 0 10px;
