Підсумковий тест "Створення веб-ресурсів"

Додано: 1 червня 2022
Предмет: Інформатика, 8 клас
Тест виконано: 98 разів
45 запитань
Запитання 1

В якому із тегів html- документу прописується таблиця стилів, яка буде використовуватися?

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

<html>

<body>

<head>

<title>

Запитання 2

Селекторами можуть бути

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

теги

класи

атрибути

ідентифікатори

Запитання 3

Для імпорту css файлу в html-документ треба використати тег

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

<style>

<link>

<body>

Запитання 4

Оголошення стилю це

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

тег, селектор, властивість

тег, атрибут та значення

властивість та значення властивості

Запитання 5

Властивість background-color задає

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

колір тексту

колір фону вебсторінки

колір малюнка

Запитання 6

У файлі СSS написано :

body { background-image: url("paper.gif");}


Вибрати правильну відповідь



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

вставка графічного зображення "paper.gif" у вебсторінку

вміст файла "paper.gif" буде фоном вебсторінки

помилка

Запитання 7

Вибрати властивості тексту

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

color

background-color

font-family

font-size

text-align

Запитання 8

В CSS файлі записано:

p {border: 5px solid blue;}


Вибрати правильну відповідь

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

налаштування рамки навколо абзацу

налаштування рамки навколо тексту

налаштування рамок таблиці

Запитання 9

Які типи селекторів розрізняють?

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

Універсальний

Селектор елемента

Селектор класу

Селектор абзацу

Запитання 10

Оберіть правильний варіант запису універсального селектору

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

* {Margin: 0;}

p {Margin: 0;}

.text {Margin: 0;}

#text {Margin: 0;}

Запитання 11

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

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

* {Margin: 0;}

p {Margin: 0;}

.text {Margin: 0;}

#text {Margin: 0;}

Запитання 12

Оберіть правильний варіант запису селектору ідентифікатора

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

* {Margin: 0;}

p {Margin: 0;}

.text {Margin: 0;}

#text {Margin: 0;}

Запитання 13

Оберіть правильний варіант запису селектору елементу

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

* {Margin: 0;}

p {Margin: 0;}

.text {Margin: 0;}

#text {Margin: 0;}

Запитання 14

Оберіть правильний варіант запису у коді html селектору класу

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

<h1 class = "headline"> 

<h1 "headline"> 

<h1 id= "headline"> 

<h1 > 

Запитання 15

Оберіть правильний варіант запису у коді html селектору ідентифікатора

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

<h1 class = "headline"> 

<h1 "headline"> 

<h1 id= "headline"> 

<h1 > 

Запитання 16

Колір тексту

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

background:

color:

font-family:

border:

border-radius:

box-shadow:

padding:

margin:

Запитання 17

Задній фон

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

background:

color:

font-family:

border:

border-radius:

box-shadow:

padding:

margin:

Запитання 18

Скруглення

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

background:

text-shadow:

font-family:

border:

border-radius:

box-shadow:

padding:

margin:

Запитання 19

Зовнішній відступ

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

background:

text-shadow:

font-family:

border:

border-radius:

box-shadow:

padding:

margin:

Запитання 20

Внутрішній відступ

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

background:

text-shadow:

font-family:

border:

border-radius:

box-shadow:

padding:

margin:

Запитання 21

Рамка

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

background:

color:

font-family:

border:

border-radius:

box-shadow:

padding:

margin:

Запитання 22

Висота

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

display:

height:

font-family:

width:

text-align:

font-size:

float:

position:

Запитання 23

Ширина

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

display:

height:

font-family:

width:

text-align:

font-size:

float:

position:

Запитання 24

Вирівнювання тексту

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

display:

height:

animation:

width:

text-align:

font-size:

float:

position:

Запитання 25

Прозорість

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

flex-wrap:

justify-content:

animation:

opacity:

transform:

transition:

list-style:

position:

Запитання 26

Які способи використання CSS у веб-документі

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

Інлайнові (в рядку)

Зовнішні (у файлі)

Внутрішні (в заголовку веб-сторінки)

Вбудовані (створені автоматично)

Запитання 27

Конструкція СSS, яка відповідає за зовнішній вигляд певного елемента HTML називається  

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

СSS -правило

СSS -властивість

СSS - селектор

СSS - значення

Запитання 28

Оберіть СSS -правило записане без помилок

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

p { green : color ; }

p { color : green ; }

p ( color : green ;)

p { color : green }

Запитання 29

Яке призначення в CSS

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

Розмітка веб-сторінки

Створення дизайну веб-сторінки

Вставлення малюнків у веб-сторінку

Створення контенту веб-сторінки

Запитання 30

Який знак розділяє CSS властивість та значення?

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

-

;

#

:

Запитання 31

Які лапки використовують в оголошенні СSS правила?

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

[ ]

{ }

" "

< >

Запитання 32

Будь-яку CSS правило складається із ...

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

селектора, властивості, значення

лише з селектора

лише з властивості та значення

лише з селектора та властивості

Запитання 33

Як під'єднати зовнішні стилі до сторінки?

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

<style></style>

<link rel="stylesheet" href="style.css">

<h1 style="color=green;">

Запитання 34

Який правильний запис тегу посилання на головну сторінку index.html?

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

<hrefa =''index.html''>Головна сторінка</a>

<aГоловна сторінка>href=''index.html''</a>

<a href=''index.html''>Головна сторінка</a>

<a href=''Головна сторінка''>index.html</a>

Запитання 35

Який правильний запис тегу встановлення малюнка my.jpg на веб-сторінку?

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

<srcimg =''my.jpg''>

<img src=''my.jpg''>

<src=''my.jpg''img>

<img my.jpg =''src''>

Запитання 36

Оберіть правильні записи посилання на мітку у веб-сторінці

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

<a href="http://it-shkola.in.ua">ІТ-школа - домівка.</a>

<a href="zmist">До змісту</a>

<a href="#zmist">До змісту</a>

<a name="zmist"> ......</a

Запитання 37

Оберіть правильний запис посилання на веб-сторінку в Інтернеті

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

<a href="#zmist">До змісту</a

<a href="http://it-shkola.in.ua">ІТ-школа - домівка.</a>

<a name="#zmist">До змісту</a

<a href="It-shkola.in.ua">ІТ-школа - домівка.</a>

Запитання 38

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

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

alt

width

vspace

align

Запитання 39

Оберіть правильні варіанти запису для створення двох абзаців

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

<p>текст</p>

<p> текст</p>

<p>текст

текст</p>

<p>текст

<p> текст

<p>текст<br>

текст</p>

Запитання 40

Оберіть тег розриву рядка

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

<h1>

<p>

</p>

<br>

Запитання 41

Оберіть можливі варіанти вирівнювання

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

left

justify

right

center

Запитання 42

Оберіть серед тегів теги що використовуються при створенні маркованих списків

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

<ol>

<ul>

<li>

<lh>

Запитання 43

"Тіло" веб-сторінки знаходиться між тегами

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

 <html></html>

<head></head>

 <body></body>

<title></title>

Запитання 44

У HTML-коді веб-сторінки в кутових дужках <> записують

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

мітки 

теги 

параметри 

атрибути

Запитання 45

У якому форматі або з яким розширенням слід зберегти текстовий файл, щоб він став веб-документом?

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


.trt

.txt

.css

.html

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

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