Міністерство освіти і науки України
Житомирський технологічний коледж
Київського національного університету будівництва і архітектури
Розглянуто на засіданні циклової комісії комп'ютерної техніки та програмування
Протокол № 1 від " 31 " серпня 201 5 р.
Голова циклової комісії ____________О.В. Чижмотря
Білет № 1
Частина А
Відзначте два вірних варіанту. Які значення може приймати атрибут вирівнювання тексту ALIGN?
left;
top;
center;
bottom.
Записуючи на HTML своє ім'я. Іван Гавриков написав так: <p> Іван Гавриков </ p>
Як покаже цей текст браузер?
в два рядки;
в один рядок з двома пробілами;
в один рядок з одним пропуском;
буде непереливки зовсім.
Який тег здатний змінити колір фону документа?
<HTML> ... </ HTML>;
<BODY> ... <BODY>;
<FONT> ... </ FONT>;
<Р> ... </ P>.
Який парний тег використовують для виділення напівжирним шрифтом?
<S>;
<B>;
<U>;
<I>.
Ім'я тега, яким задається рядок таблиці
table;
tr;
td;
cell;
row.
Яке значення треба вказати в атрибуті type <input type = ...>, щоб користувач міг вибрати тільки один варіант із запропонованих?
checkbox;
button;
radio;
select.
Виберіть вірний варіант підключення зовнішньої каскадної таблиці стилів
<Style> ......... </ style>;
<a href=2.html>;
<a href=http://stylesheet.ru/text/css>;
<Link rel = "stylesheet" type = "text / css" href = "default.css">.
Гарнітура шрифту в CSS визначається
font-style;
font-family;
font-variant;
font-weight.
будь-якого елементу з id = "menu";
тільки блокового (div- елемента) з id = "menu";
будь-якого елементу класу «menu»;
будь-якого блокового елемента (div- елемента).
A: link в CSS визначає стиль
для відвіданого посилання;
для активного посилання;
для посилання при наведенні на неї курсора;
стиль для звичайної, невідвідування посилання.
Властивість text-decoration визначає:
відстань між символами;
зовнішній вигляд (підкреслення тексту);
величину відступу першого рядка;
відстань між рядками.
Частина b
З зображення мал. 1 отримати зображення мал. 2 з написом:
мал. 1 мал. 2
Створити анімаційний банер довільного змісту розміром 150х150.
Білет № 2
Частина а
Можливість прокрутки фонового зображення визначається властивістю:
background-image;
background-repeat;
background-attachment;
background- position.
Властивість padding визначає:
розмір зовнішнього поля навколо блокового елемента;
відступ всередині блокового елемента від його межі до розташованих в ньому елементів;
величину відступу першого рядка;
відстань між рядками.
Значок око в Gimp означає:
Наявність прозорого фону
Видимість шару
Наявність одного і більше шарів
Активність шару (тобто той, з яким в даний момент ведеться робота)
Властивість # menu {border: 4px solid black;} визначає зовнішній вигляд
будь-якого елементу з id = "menu";
тільки блокового (div- елемента) з id = "menu";
будь-якого елементу класу «menu»;
будь-якого блокового елемента (div- елемента).
Миколі захотілося додати кілька поспіль прогалин у тексті. Він додав їх усередині тега <p>. Однак, вони вирізалися. Який тег треба використовувати Миколі, щоб пробіли не вирізалися?
<code>
<span>
<pre>
<address>
Яка помилка в наступному коді: <a href="page.html"> <b> <i> Сторінка 1 </ i> </a>
Не вказаний обов'язковий атрибут alt у тега <a>.
Усередині тега <a> не може бути тег <b> та / або тег <i>.
Не вказаний обов'язковий атрибут title у тега <a>.
не закрили тег <b>.
Заголовок Web-сторінки полягає в тег:
<HEAD> </ HEAD>
<BODY> </ BODY>
<HTML> </ HTML>
<TITLE> </ TITLE>
Основний зміст Web-сторінки вміщується в тег
<p> </ p>
<table> </ table>
<title> </ title>
<body> </ body>
Приклад коду: h1 {color: blue}
У наведеному вище прикладі h1 є -
Селектором
Визначенням
Значним
Властивістю
Який тег визначає перехід на наступний рядок?
<br>
<a>
<div>
<img>
Частина b
Створити веб-сторінку:
пункт1 пункт2 пункт3 пункт4
пункт1
пункт2
пункт3
Довільний контент
.
Нижня частина
Фон сторінки залийте чорним кольором, а текст виділіть білим.
Білет № 3
Частина а
Для створення ефектів, пов'язаних з освітленням, можна використовувати фільтри з групи
Спотворення
Світло і тінь
Візуалізація
Декор
Які теги з перерахованих нижче визначають елементи-контейнери?
<img>
<div>
<a>
<br>
Приклад коду: H1 {color: black;}
Цей CSS-код визначає колір "black" для всіх елементів <h1>. Що треба додати в таблицю стилів, щоб визначити колір "white" тільки для елемента <h1> з атрибутом class = "w1"
Виберіть одну відповідь:
h1.w1 {color: white;}
h1.black {color: white;}
h1 {color: black; color: white;}
h1 {color: white;}
h1 # w1 {color: white;}
Який варіант написання тега найбільш правильний?
<a class=my link href=/images/2.html title=Sample> Sample </a>
<a class=<mylink> href = </ images / 2.html> title = "Sample"> Sample </a>
<a class="mylink" href="/images/2.html" title=«Sample»> Sample </a>
<a class='mylink' href='/images/2.html title='Sample'> Sample </a>
<a class="mylink" href="/images/2.html" title="Sample"> Sample </a>
Цей інструмент в Gimp призначений для "клонування" елементів зображення або вибраної текстури.
штамп
піпетка
заливка
перо
Для виділення зв’язаної області в Gimp застосовується інструмент
Чарівна паличка
перо
ласо
Вміст якого елемента можна побачити у вікні браузера?
<title>
<! DOCTYPE>
<link>
<br>
<meta>
Яка помилка міститься у наведеному рядку коду?
<p> <b> Lorem ipsum </ b> dolor <i> <span>
sit amet consectetuer cursus <br> pede </ i> pellentesque </ span> vitae pretium. </ p>
Немає закриває тега </ br>.
Текст перенесений на інший рядок.
У тегів немає жодного атрибута.
Тега <span> не існує.
Неправильне вкладення тегів.
Яке твердження найбільш підходить до випадку, коли тег <p> розташовується в контейнері <head>?
Замість веб-сторінки буде показано порожнє вікно.
Зміниться кодування тексту в документі.
Код HTML не пройде валідацію.
Браузер виведе повідомлення про помилку.
Вміст тега <head> не буде відображатися на веб-сторінці
Чому в браузері не відображається текст, розташований між тегами <! - І ->?
Такий текст сприймається браузером як стильові параметри для оформлення елементів веб-сторінки.
Бо таких тегів не існує і браузер їх ігнорує.
Це коментар до коду, тому він не виводиться.
Це директива, яка дає веб-серверу завдання виконати певну команду.
Це команди для пошукових систем, а не для браузеров.