HTML and CSS

Тести Інформатика 10 клас Тест
Ryvak N.
Додано: 27 квітня
Предмет: Інформатика, 10 клас
Домашня робота
В реальному часі
Тестування
Відповідності
Флеш-картки
Роздрукувати
23 запитання
Запитання 1

Властивість padding визначає

варіанти відповідей

внутрішній відступ на всіх чотирьох сторонах елементу

зовнішній відступ на всіх чотирьох сторонах елементу

додає оформлення тексту у вигляді його підкреслення

Запитання 2

Властивість margin визначає

варіанти відповідей

внутрішній відступ на всіх чотирьох сторонах елементу

зовнішній відступ на всіх чотирьох сторонах елементу

додає оформлення тексту у вигляді його підкреслення

Запитання 3

Тег <footer>

варіанти відповідей

задає «підвал» сайту або розділу, у ньому може міститися ім'я автора, дата документу

задає «межі» розділу, у ньому не може міститися ім'я автора, дата документу

задає навігацію по сайту

вміщує основну частину змісту сторінки

Запитання 4

Властивість background-color визначає...

варіанти відповідей

колір контуру

колір рамки

колір тексту

колір фону

Запитання 5

Куди поміщується основна частина HTML-документа, те, що буде видно користувачеві.

варіанти відповідей

<head></head>

<body></body>

<title></title>

<script></script>

Запитання 6

Як виглядатиме на веб-сторінці текст з наступною розміткою: <i>

<b>Текст</b></i> ?

варіанти відповідей

Текст

Текст

Текст

Текст

Запитання 7

Який тег використовується для відображення зображення?

варіанти відповідей

<images>

<img>

<paint>

<image>

Запитання 8

Виберіть всі закриваючі теги:

варіанти відповідей

<title>

</title>

<\title>

<p>

<html>

</html>

<p/>

<html/>

Запитання 9

За допомогою якого тегу можна створити посилання у документі?

варіанти відповідей

<a>

<img>

<p>

<link>

Запитання 10

Яка ширина HTML-елемента div без змісту?

варіанти відповідей

100px

100%

0px

0%

Запитання 11

Оберіть правильний css синтаксис

варіанти відповідей

.item {

  width: 100px;

}

item {

  width: 100px;

}

.item [

  width: 100px;

]

.item {

  width = 100px;

}

Запитання 12

Яка CSS властивість відповідає за розмір тексту?

варіанти відповідей

size

font-size

text

text-size

Запитання 13

Який тег слід використовувати для назви таблиці?

варіанти відповідей

name

caption

title

body

Запитання 14

Як звернутись до елемента по id?

варіанти відповідей

*test

#test

test

.test

Запитання 15

Який з наведених нижче тегів не використовується для форматування

тексту?

варіанти відповідей

< span >

< em>

< i>

< b>

Запитання 16

Для чого потрібен DOCTYPE?

варіанти відповідей

говорить браузеру, хто створив веб сторінку

говорить браузеру, яку версію HTML використовувати.

говорить браузеру, яку версію HTML і CSS використовувати.

говорить браузеру, яку версію CSS використовувати.

Запитання 17

Який тег потрібно використати для створення впорядкованого списку?

варіанти відповідей

<ol>

<ul>

<li>

<al>

Запитання 18

Атрибут background задає

варіанти відповідей

фон сторінки

фон таблиці

фон визначеного об'єкта

всі відповіді вірні

Запитання 19

Який тег найправильніше використати для навігації сайту?

варіанти відповідей

<div>

<nav>

<section>

<body>

Запитання 20

Що зробить цей код?

.container {

display: flex;

justify-content: center;

align-items: center;

height: 200px;

}

варіанти відповідей

Вирівняє елементи тільки по горизонталі

Вирівняє елементи тільки по вертикалі

По центру і горизонтально, і вертикально

нічого не змінить, бо вказано не правильний display

Запитання 21

Що робить flex-direction: column;?

варіанти відповідей

Міняє головну вісь на вертикальну

Перевертає елементи

Робить flex вертикальним тільки візуально

Нічого, не існує такого flex-direction

Запитання 22

Що зробить це?

.child {

align-self: flex-end;

}

варіанти відповідей

Вирівняє всі елементи вниз

Вирівняє тільки цей елемент

Перемістить вправо

нічого, flex-end не правильно написано

Запитання 23

Якщо:

flex-direction: column;

То що робить justify-content?

варіанти відповідей

 Горизонтальне вирівнювання

 Вертикальне вирівнювання

Нічого

Залежить від браузера

Створюйте онлайн-тести
для контролю знань і залучення учнів
до активної роботи у класі та вдома

Створити тест