Частина b

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

Білет № 6

Частина а

1. Виберіть теги для роботи з таблицями?

1. <table> <tr> <td>

2. <table> <head> <tfoot>

3. <thead> <body> <tr>

2. Який колір фону буде у елемента з класом button при включенні наведеного стилю?

.bgzapas, .button, h1 {

   font-size: 1.2em;

   padding: 10px;

   background-color: #fcfaed;

}

.bgzapas {

   background-color: # e7f2d7;

}

.button, h2 {

   width: 95px;

   font-size: 11px;

   color: # f3fced;

   background-color: # 5ca22e;

}

.bgzapas, .button {

   background-color: # d9d7f2;

}

1. # f3fced

2. #fcfaed

3. # d9d7f2

4. # e7f2d7

5. # 5ca22e

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

1. font-weight

2. font-size

3. size

4. weight

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

1. <textinput type = "text">

2. <textfield>

3. <input type = "text">

4. <input type = "textfield">

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

1. <img alt = "Image"> image.gif </ img>

2. <img href = "image.gif" alt = "MyImage">

3. <image src = "image.gif" alt = "MyImage">

4. <img src = "image.gif" alt = "MyImage">

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

1. padding

2. direction

3. position

4. margin

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

1. active

2. hover

3. onmouseover

4. link

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

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

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

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

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

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

1. fgcolor

2. text-color

3. color

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

1. У секції <body>

2. У секції <head>

3. На початку документа

4. Наприкінці документа

Частина b

1. Зі шматочків зберіть повне зображення.

2. За допомогою графічного редактора створить рекламний банер фірми „Країна світла (будівельна компанія)”. Рекламний слоган фірми „Ми робимо життя світліше ”. На кадрах банера повинно бути: логотип фірми, салоган фірми, адреса і телефон фірми і п’ять основних видів діяльності – проектування, будівництво, вентиляція, електрифікація, світлотехніка.

Білет № 7

Частина а

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

1. a: link

2. a: visited

3. a: vlink

4. a: hover

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

CSS:

ul li em {color: red;}

HTML:

<ul>

<li> blah </ li>

</ ul>

1. Фіолетовий

2. Колір за умовчанням

3. червоний

4. Чорний

3. Вкажіть вірно написаний стиль:

1. {body; color: black;}

2. body {color: black;}

3. body: color = black;

4. {body: color = black;}

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

1. padding-left

2. margin-left

3. indent

5. Петя написав наступний стиль

.virtualBox {color: red; }

і включив його для елемента

<div> <div class = "VirtualBox"> Текст </ div>

але колір тексту не змінився. Чому?

1. У стилях не заданий тег div.virtualBox.

2. В іменах класів заборонено використовувати заголовні букви.

3. Ім'я класу написано з великої літери.

4. Неправильне поводження до селектора, треба писати id = "virtualBox"

6. Який клас написаний правильно?

1. .terminator II

2. .terminatrix

3. t1100

4. .t100 ()

5. .2termin

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

1. <ul>

2. <ol>

3. <dl>

4. <list>

8. Виберіть правильний HTML тег для перетворення звичайного тексту в жирний

1. <bold>

2. <b>

9. Виберіть правильний HTML тег для перетворення звичайного тексту в курсивний

1. <italic>

2. <i>

10. Як коректно задати стиль тільки для тега <div> з ідентифікатором loom?

1. #loom {font-size: 1em; }

2. loom {font-size: 1em; }

3. .loom {font-size: 1em; }

4. div {font-size: 1em; }

5. # loom # {font-size: 1em; }