Гіпертекстові, графічні, анімаційні та мультимедійні елементи на веб-сторінках

Додано: 15 лютого 2021
Предмет: Інформатика, 11 клас
Тест виконано: 34 рази
10 запитань
Запитання 1

Виберіть теги для створення гіперпосилання на веб-сторінку

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

<IMG SRC="крокуси.jpg" width="650" height="650">

<video width="320" height="240" controls>

<source src="video1.mp4" type="video/mp4">

</video>

<link rel="stylesheet" type="text/css" href="begin.css"/>

<a href="school1.html" style="color:#000080"> <H2> Цікаві факти </H2></a>

Запитання 2

Виберіть код, який дозволить застосувати параметри висоти та ширини до відео на веб-сторінці.

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

<video width="320" height="240" controls> </video>

<video controls src="videos\priroda.mp4"></video>

<img src="CasualBillGates1988_1430-pic905-895x505-75438.jpg"/ WIDTH="350" HEIGHT="200">

Запитання 3

Виберіть код, що дозволить вставку gif-анімацію на веб-сторінку.

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

<img src="CasualBillGates1988_1430-pic905-895x505-75438.jpg"/ WIDTH="350" HEIGHT="200">

<video width="550" height="500" controls src="videos\Bill.webm"></video>

<img src="picture.gif"/ WIDTH="350" HEIGHT="200">

Запитання 4

Що означає поданий код?

<hr><marquee behavior="scroll" scrollamount="15" direction="left"> <font size="7"color="white" face="serif" <br> "About Bill Gates..." <br></font></marquee><hr>

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

створення рухомого рядку з напрямком вліво з вказаним текстом

створення анімації зображення

параметри для задання відео

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

Запитання 5

Виберіть код з документу css, який дозволить застосувати певні параметри властивостей до абзацу (розмір, колір, назву стиля тексту)

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

img {

border: 1px solid black;

border-radius: 50px;

}

P {font-size:20pt; color:#000000; font-family:"Times New Roman"}

body {

background: url(9635-3303.jpg) no-repeat; 

background-attachment: fixed;

background-size: 100% 100%;

}

Запитання 6

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

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

body {

background: url(9635-3303.jpg) no-repeat; 

background-attachment: fixed;

background-size: 100% 100%;

}

img {

margin-left: 540px;

margin-right: 540px;

}

Запитання 7

Що означає даний фрагмент коду?

<table border ="5">

<tr>

<td> № з/п </td>

<td> ПІБ </td>

<td> Рік народження </td>

</tr>

</table>

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

На веб-сторінці розміщена таблиця з 3 рядками і 1 стовцем

На веб-сторінці розміщена таблиця з 1 рядком і 3 стовцями

На веб-сторінці розміщена таблиця з однаковою кількістю рядків та стовпців

Запитання 8

Виберіть стиль до веб-сторінки, при застосуванні якого зміниться позиція графічного зображення.

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

img {

margin-left: 540px;

margin-right: 540px;

}

#t {

margin-top: 70px;

}

#b1 {

position: fixed;

display: inline-block;

margin-right: 1300px;

    margin-top: 70px;

Запитання 9

Виберіть код, в якому описано застосування стилю css до веб-документу.

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

<a href="start.html"style="color:#000000"> <H3> Дос'є </H3></a>

<link rel="stylesheet" type="text/css" href="school1.css"/>

<img class="image" src="Карти.jpg"/ WIDTH="350" HEIGHT="350">

Запитання 10

Що означає поданий код?

<table align="center" border="5" bordercolor="blue" >

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

вирівнювання таблиці по центру із межами заданої товщини і кольору

вирівнювання зображення по центру із заданими межами

задання фону до таблиці із заданими параметрами

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

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