Частина А

1. У браузері при наведенні курсору миші на малюнок з'являється спливаюча підказка з текстом «Два». Який валідний код для цієї мети використовується?

a) < img src = " pic2.gif" alt = " Один" title = " Два" >

b) < img src = " pic2.gif" placeholder = " Два" >

c) < img src = " pic2.gif" title = " Два" >

d) < img src = " pic2.gif" alt = " Два" title = " Один" >

e) < img src = " pic2.gif" alt = " Два" >

2. Як правильно вставити коментар в CSS-файл?

a) // коментар

b) / * Коментар * /

c) <! - Коментар ->

d) // Коментар //

e) # Коментар

3. У якому рядку міститься коректний синтаксис?

a) body {color = black}

b) body {color: black}

c) {body; color: black}

d) {body: color = black}

e) body: color = black

4. Який HTML-код застосовується для підключення зовнішнього CSS-файлу?

a) < link> import url (mystyle.css) < / link>

b) < link rel = " stylesheet" type = " text / css" href = " mystyle.css" >

c) < style> @ mystyle.css < / style>

d) < stylesheet> mystyle.css < / stylesheet>

e) < style type = " text / css> mystyle.css" < / style>

5. Як додати фоновий колір до всіх елементів < h1>?

a) h1.all {background-color: white}

b) h1 [all] {background-color: white}

c) h1: all {background-color: white}

d) h1 # all {background-color: white}

e) h1 {background-color: white}

6. Виберіть синтаксично коректне CSS правило:

a) div: [font size-2em]

b) div [font-size: 2em]

c) div {font-size: 2em}

d)div {font_size: 2em}

7. Виберіть HTML тег для найбільшого заголовка

a) < h6>

b) < heading>

c) < head>

d) < h1>

8. Яка властивість CSS задає вирівнювання тексту по горизонталі?

a) text-decoration; b) font-style; c) vertical-align; d) text-align.

9. Яка властивість CSS дозволяє задавати в якості маркерів списку власне зображення?

10. Виберіть правильний варіант установки кольору фону сторінки?

a) < body style = " background-color: yellow; " >

b) < body background = " yellow" >

c) < background> yellow < / background

Частина B

Створи веб-сторінку, на якій розмісти маркований і нумерований списки, що складаються з декількох елементів. Зроби так, щоб елементи нумерованого списку відображалися синім кольором, а елементи маркованого списку - червоним. Змініть розмір тексту на +2 та +4 відповідно. Створіть другу веб-сторінку та посилання на першій сторінці на другу. На другій веб-сторінці створіть 2 пункти нумерованого списку та встановіть спливаючу підказку на кожен з пунктів, змініть стилі підказок.

Білет № 16

Частина А

1. Вкажіть CSS властивість, що дозволяє встановлювати розмір шрифту?

a) font-weight

b) font-size

c) size

d)weight

2. Виберіть вірний спосіб створення текстового поля для введення інформації

a) < textinput type = " text" >

b) < textfield>

c) < input type = " text" >

d) < input type = " textfield" >

3. Виберіть вірний спосіб вставки зображення?

a) < img alt = " Image" > image.gif < / img>

b) < img href = " image.gif" alt = " MyImage" >

c) < image src = " image.gif" alt = " MyImage" >

d) < img src = " image.gif" alt = " MyImage" >

4. Яка властивість використовується для завдання відступів у блоку?

a) padding

b) direction

c) position

d) margin

5. Віктору треба, щоб при наведенні курсору миші на посилання, вона змінювала колір. Який псевдоелемент потрібно використовувати Віктору?

a) active

b) hover

c) onmouseover

d) link

6. Є такий код: ul li: first-letter {font-size: 200%; }. Що він робить?

a) Робить перший букву у першого елемента в нумерованому списку розміром 200%.

b) Нічого не робить, так як псевдоелемента first-letter взагалі не існує.

c) Робить перший букву у кожного елемента ненумерованого списку розміром 200%.

d) Робить перший букву у першого елемента в ненумерованому списку розміром 200%.

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

a) fgcolor

b) text-color

c) color

8. В якій частині HTML документа слід підключати таблиці стилів?

a) У секції < body>

b) У секції < head>

c) На початку документа

d)Наприкінці документа

9. Яка CSS властивість використовується для зміни стилю вже відвіданого посилання?

a) a: link

b) a: visited

c) a: vlink

d) a: hover

10. Яким буде колір у слова 'blah'?

CSS:

ul li em {color: red; }

HTML:

< ul>

< li> blah < / li>

< / ul>

a) Фіолетовий

b) Колір за умовчанням

c) червоний

d) Чорний

Частина B

1. Створіть колаж з трьох запропонованих малюнків:

Приклад виконання завдання:

2. Створити вітальний банер довільного змісту розміром 125х125.