ЗМАГАННЯ ЗАВЕРШЕНО
НАЗВА ПРОЕКТУ
Конкурс:
Онлай тестування «HTML/CSS»
Номінація:
HTML + CSS
Автор:
Микита Меленчуков
Команда:
CIT
1
Оцінка : 1

Який HTML код відповідає зображенню?


1. <i>Жирний</i> шрифт
2. <b>Жирний</b> шрифт
3. <s>Жирний</s> шрифт
4. <u>Жирний</u> шрифт
5. <big>Жирний</big> шрифт

2
Оцінка : 1

Який HTML код відповідає зображенню?


1. <i>Курсивний</i> шрифт
2. <b>Курсивний</b> шрифт
3. <s>Курсивний</s> шрифт
4. <u>Курсивний</u> шрифт
5. <big>Курсивний</big> шрифт

3
Оцінка : 1

Який HTML код відповідає зображенню?


1. <i>Закреслений</i> шрифт
2. <b>Закреслений</b> шрифт
3. <s>Закреслений</s> шрифт
4. <u>Закреслений</u> шрифт
5. <big>Закреслений</big> шрифт

4
Оцінка : 1

Який HTML код відповідає зображенню?


1. <i>Зменшений</i> шрифт
2. <b>Зменшений</b> шрифт
3. <s>Зменшений</s> шрифт
4. <u>Зменшений</u> шрифт
5. <small>Зменшений</small> шрифт

5
Оцінка : 1

Який HTML код відповідає зображенню?


1. <i>Підкреслений</i> шрифт
2. <b>Підкреслений</b> шрифт
3. <s>Підкреслений</s> шрифт
4. <u>Підкреслений</u> шрифт
5. <big>Підкреслений</big> шрифт

6
Оцінка : 0

Який HTML код відповідає зображенню?


1. <sup>дра</sup>би<sub>на</sub><br>
2. <small>дра</small>би<big>на</big><br>
3. <sup>дра</sup><small>би</small><sub>на</sub><br>
4. <sub>дра</sub>би<sup>на</sup><br>
5. <sub>дра</sub><small>би</small><sup>на</sup><br>

7
Оцінка : 1

Який HTML код відповідає зображенню?


1. <br>Параграф тексту.</br><br>І ще один.</br>
2. <p>Параграф тексту.</p><p>І ще один.</p>
3. <pre>Параграф тексту.</pre><pre>І ще один.</pre>
4. <p>Параграф тексту.<br>І ще один.</p>
5. <p>Параграф тексту.<hr>І ще один.</p>

8
Оцінка : 0

Який HTML код відповідає зображенню?


1. <ol> <li>&bull;</li> <li>&bull;</li> <li>&bull;</li> </ol>
2. <dl> <dt>&bull;</dt><dd>01</dd> <dt>&bull;</dt><dd>01</dd> <dt>&bull;</dt><dd>01</dd> </dl>
3. <ul> <li>&bull;</li> <li>&bull;</li> <li>&bull;</li> </ul>
4. <ul> <li>01</li> <li>02</li> <li>03</li> </ul>
5. &bull; 01<br> &bull; 02<br> &bull; 03<br>

9
Оцінка : 1

Який HTML код відповідає зображенню?


1. <ol> <li>&bull;</li> <li>&bull;</li> <li>&bull;</li> </ol>
2. <dl> <dt>&bull;</dt><dd>01</dd> <dt>&bull;</dt><dd>01</dd> <dt>&bull;</dt><dd>01</dd> </dl>
3. <ul> <li>&bull;</li> <li>&bull;</li> <li>&bull;</li> </ul>
4. <ul> <li>01</li> <li>02</li> <li>03</li> </ul>
5. &bull; 01<br> &bull; 02<br> &bull; 03<br>

10
Оцінка : 0

Який HTML код відповідає зображенню?


1. <p>Київ</p><blockquote>столиця України</blockquote> <p>Москва</p><blockquote>столиця Росії</blockquote> <p>london</p><blockquote>capital of Great Britain</blockquote>
2. Київ<blockquote>столиця України</blockquote> Москва<blockquote>столиця Росії</blockquote> london<blockquote>capital of Great Britain</blockquote>
3. <dl> <dt>Київ</dt><dd>столиця України</dd> <dt>Москва</dt><dd>столиця Росії</dd> <dt>london</dt><dd>capital of Great Britain</dd> </dl>
4. <ul> <li>Київ</li>столиця України <li>Москва</li>столиця Росії <li>london</li>capital of Great Britain </ul>
5. Київ<br>&nbsp;&nbsp;&nbsp;столиця України<br> Москва<br>&nbsp;&nbsp;&nbsp;столиця Росії<br> london<br>&nbsp;&nbsp;&nbsp;capital of Great Britain<br>

11
Оцінка : 1

Який HTML код відповідає зображенню?


1. <pre>Он словно вырезан из <em>камня</em>, стоек и неподвижен в отличие от его противников. <i>Дух и жизненная сила</i> в нём достигла <b><i>совершенства</i></b>. Но вот беда — никто не смеет принять его вызов.</pre>
2. <p>Он словно вырезан из <em>камня</em>, стоек и неподвижен в отличие от его противников. <u>Дух и жизненная сила</u> в нём достигла <b><u>совершенства</u></b>. Но вот беда — никто не смеет принять его вызов.</p>
3. <p>Он словно вырезан из <del>дерева</del> <ins>камня</ins>, стоек и неподвижен в отличие от его противников. <b>Дух и жизненная сила</b> в нём достигла <b><i>совершенства</i></b>. Но вот беда — никто не смеет принять его вызов.</p>
4. <p>Он словно вырезан из <b>камня</b>, стоек и неподвижен в отличие от его противников. <i>Дух и жизненная сила</i> в нём достигла <b><i>совершенства</i></b>. Но вот беда — никто не смеет принять его вызов.</p>
5. <p>Он словно вырезан из <p>камня</p>, стоек и неподвижен в отличие от его противников. <i>Дух и жизненная сила</i> в нём достигла <b><i>совершенства</i></b>. Но вот беда — никто не смеет принять его вызов.</p>

12
Оцінка : 1

Який HTML код відповідає зображенню?


1. <b><p>Формула смарагда: </p><i>Be<sub>3</sub>Al<sub>2</sub>(SiO<sub>3</sub>)<sub>6</sub></i></b>
2. <p><b>Формула смарагда: </b><i>Be<sub>3</sub>Al<sub>2</sub>(SiO<sub>3</sub>)<sub>6</sub></i></p>
3. <p><b>Формула смарагда: </b><i>Be<sup>3</sup>Al<sup>2</sup>(SiO<sub>3</sub>)<sup>6</sup></i></p>
4. <p><b>Формула смарагда: </b><i>Be<sub>3</sub>Al<sub>2</sub>(SiO<sup>3</sup>)<sub>6</sub></i></p>
5. <p><big>Формула смарагда: </big><sup>Be<sub>3</sub>Al<sub>2</sub>(SiO<sub>3</sub>)<sub>6</sub></sup></p>

13
Оцінка : 0

Який HTML/CSS код відповідає зображенню?


1. <style>p{background:#ff0;width:50%;float:right}</style><p>1</p><p>2</p>
2. <style>p{background:#ff0;width:30%;float:left}</style><p>1</p><p>2</p>
3. <style>p{background:#ff0;width:60%;float:left}</style><p>1</p><p>2</p>
4. <style>p{background:#f0f;width:50%;float:left}</style><p>1</p><p>2</p>
5. <style>p{background:#ff0;width:50%;float:left}</style><p>1</p><p>2</p>

14
Оцінка : 1

Який HTML/CSS код відповідає зображенню?


1. <style>.a1{color: red;}</style><b class="a1">1</b><b class="a2">2</b>
2. <style>.a1{color: #f00;}</style><b class="a1">1</b><b class="a2">2</b>
3. <style>.a1{color: #ff0000;}</style><b class="a1">1</b><b class="a2">2</b>
4. <style>.a2{color: #f00;}</style><b class="a1">1</b><b class="a2">2</b>
5. <style>.a1{color: #f00;}</style><b class="a1">1</b><b class="a2">2</b>

15
Оцінка : 1

Який HTML/CSS код відповідає зображенню?


1. <style>.a1{color: #f00;}.a2{color: #0f0;}.a3{color: #ff0;}.a4{color: #00f;}.a5{color: #f0f;}</style><b class="a1">1</b><b class="a2">2</b><b class="a3">3</b><b class="a4">4</b><b class="a5">5</b>
2. <style>.a1{color: #ff0000;}.a2{color: #000f000;}.a3{color: #00ff00;}.a4{color: #00f00f;}.a5{color: #f0000f;}</style><b class="a1">1</b><b class="a2">2</b><b class="a3">3</b><b class="a4">4</b><b class="a5">5</b>
3. <style>.a1{color: #f00;}.a2{color: #0f0;}.a3{color: #ff0;}.a4{color: #00f;}.a5{color: #f0f;}</style><b class="b1">1</b><b class="b2">2</b><b class="b3">3</b><b class="b4">4</b><b class="b5">5</b>
4. <style>.a1{color: #f00;}.a2{color: #0f0;}.a3{color: #ff0;}.a4{color: #00f;}.a5{color: #f0f;}</style><p class="a1">1</p><p class="a2">2</p><p class="a3">3</p><p class="a4">4</p><p class="a5">5</p>
5. <style>.b1{color: #f00;}.b2{color: #0f0;}.b3{color: #ff0;}.b4{color: #00f;}.b5{color: #f0f;}</style><b class="b1">5</b><b class="b2">4</b><b class="b3">3</b><b class="b4">2</b><b class="b5">1</b>

16
Оцінка : 0

Який CSS код відповідає зображенню?


1. p{ text-indent: 3em; } p:first-line{ color: palevioletred; }
2. p{ text-indent: 3em; } p:first-line{ color: red; }
3. p{ text-indent: 3em; } p:first-letter{ color: red; }
4. p{ text-indent: 3em; } p:first-line{ background-color: red; }
5. p{ text-align: center; } p:first-line{ color: red; }

17
Оцінка : 0

 Який CSS код відповідає зображенню?


1. p:first-letter{ font-size: 30px; float: right; margin-right: 10px; }
1. p:first-letter{ font-size: 30px; float: right; margin-right: 10px; }
3. p:first-letter{ font-size: 30px; float: left; margin: 25px; }
4. p:first-letter{ font-size: 30px; float: left; margin-right: 10px; }
5. p:first-line{ font-size: 30px; float: left; margin-right: 10px; }

18
Оцінка : 0

 Який CSS код відповідає зображенню?


1. p{ font-size: 20px; } p:nth-child(2n){ font-size: 10px; }
2. p{ font-size: 20px; } p:nth-child(2n+1){ font-size: 10px; }
3. p{ font-size: 20px; } p:nth-child(2n+2){ font-size: 10px; }
4. p{ font-size: 20px; } p:nth-child(2n+3){ font-size: 10px; }
5. p{ font-size: 20px; } p:nth-child(2){ font-size: 10px; }

19
Оцінка : 0

 Який CSS код не відповідає зображенню?


1. ul li ul li{ color: red; }
2. ul>li>ul>li{ color: red; }
3. ul>li, ul>li{ color: red; }
4. ul>li>ul{ color: red; }
5. ul>li ul>li{ color: red; }

20
Оцінка : 0

Введіть вказані кольори у форматі #xxxxxx (малими літерами та цифрами починаючи зі знаку дієз)

 
#ff00001. червоний (red)
#00ff002. зелений (green)
#0000ff3. синій (blue)
#ffffff4. білий (white)
#0000005. чорний (black)

21
Оцінка : 0

Замініть x1..x5 на правила CSS так, щоб код відповідав зображенню.
<style>
  p{
    padding: 5px;
    x1: 30px;
    x2: 5px solid red;
    x3: 10px solid red;
    x4: 15px solid red;
    x5: 20px solid red;
  }
</style>
<p>Доброго дня!</p>


width1. x1
border-top2. x2
border-right3. x3
border-bottom4. x4
border-left5. x5

22
Оцінка : 0

Який HTML/CSS код відповідає зображенню?


1. <style> p{ font-size: 50px; text-shadow: 5px 0 0 red; } </style> <p>арена</p>
2. <style> span{font-size:50px;color:red;}</style><p><span>арена</span><span>арена</span></p>
3. <style> p{ font-size: 50px; text-shadow: 150px 0 0 #0ff; } </style> <p>арена</p>
4. <style> p{ font-size: 50px; text-shadow: 150px 0 0 red; } </style> <p>арена</p>
5. <style> p{ font-size: 50px; text-shadow: 0 150px 0 red; } </style> <p>арена</p>

23
Оцінка : 0

Замініть x1..x5 на правила CSS так, щоб код відповідав зображенню.
<style>
  p{
    x1-transform: uppercase;
    x2-spacing: 4px;
    x3-size: 30px;
    x4-bottom: 5px;
    x5-bottom: 1px solid #000;
  }
</style>

<p>Добрий день!</p>


text1. x1
letter2. x2
font3. x3
margin4. x4
border5. x5

ОБГОВОРЕННЯ:
2012-12-14 16:59 Адміністратор:
Доброго дня, шановні учасники!
2012-12-14 16:59 Адміністратор:
У зв`язку з технічними роботами, початок конкурсу переноситься на 15 хв.
2012-12-14 17:00 Адміністратор:
Конкурс розпочнеться о 17:15
2012-12-14 17:08 Адміністратор:
Відповідно, конкурс закінчиться пізніше - о 18:15
2012-12-14 17:09 Адміністратор:
ОСНОВНІ ІНСТРУКЦІЇ - для того, щоб почати відповідати на завдання, необхідно на сторінці свого проекту перейти в режим редагування (натиснути на олівець в правому верхньому кутку). Після цього по клікові мишки будуть з`являтися зелені галочки біля тестів, а також можна буде вводити текстові відповіді. Збереження на сервер відбувається в момент кліка на відповідь, тому окремо зберігати нічого не потрібно.
2012-12-14 17:18 Адміністратор:
Склад учасників зірковий :)
2012-12-14 17:23 Дмитрий Мачавариани:
Оооочень хороший конкурс.... Спасибо администрации :=)
2012-12-14 17:33 Дмитрий Мачавариани:
Администрация вопрос, в 15 вопросе во 2 втором варианте ответа там у одного из цветов не правильно указан цвет, в цвете 6 символов, а там 7....
2012-12-14 17:38 Александр Чёрный :
В 13-м один правильный ответ или два? Там два варианта очень похожи на правильные, непонятно что из них выбирать.
2012-12-14 17:41 Модератор:
Олександр , може бути декілька.
2012-12-14 17:43 Дмитрий Мачавариани:
Может быть несколько только в 13-ом? Или в любом?
2012-12-14 17:43 Модератор:
Дмитро, це не має значення.
2012-12-14 17:45 Вова Пульняшенко:
Почему я не могу отметить правильный вариант на полях?
2012-12-14 17:45 Дмитрий Мачавариани:
Ааааа а я то уже хотело закончить тест.
2012-12-14 17:45 Олександр Сторожук:
Знак дієз - це решіточка?
2012-12-14 17:46 Модератор:
Дмитро , в будь-якому питанні може бути декілька правильних відповідей.
2012-12-14 17:47 Вова Пульняшенко:
Почему я не могу отметить правильный вариант на полях?
2012-12-14 17:48 Дмитрий Мачавариани:
Вова, нажми на карандашик в верхнем правом углу.
2012-12-14 17:48 Модератор:
Вова, для того, щоб почати відповідати на завдання, необхідно на сторінці свого проекту перейти в режим редагування (натиснути на олівець в правому верхньому кутку.
2012-12-14 17:48 Вова Пульняшенко:
спасибо
2012-12-14 17:54 Вова Пульняшенко:
можно ли отменить выбранную галочку?кликом не выходит
2012-12-14 17:55 Олексій Цепа:
А как отправить, если закончил?
2012-12-14 17:55 Модератор:
Вова , перезавантаж сторінку і спробуй ще раз.
2012-12-14 17:56 Рома Климович:
А когда будут результаты?
2012-12-14 17:56 Модератор:
Олексій, нічого відправляти не треба. По закінченню конкурсу оцінки буде виставлено автоматично.
2012-12-14 17:58 Олексій Цепа:
дякую
2012-12-14 18:11 Дмитрий Мачавариани:
Как сохранит все галочки что я понаставил?
2012-12-14 18:17 Александр Чёрный :
Окай, а теперь объясните, пожалуйста, почему я был неправ, выбрав в 13-м задании 2-й и 5-й варианты?
2012-12-14 18:20 Александр Чёрный :
По картинке абсолютно неочевидно, какая там ширина, 30% или 50%!
2012-12-14 19:10 Адміністратор:
Вітаю усіх учасників із завершенням конкурсу!
2012-12-14 19:11 Адміністратор:
Сьогодні Олександр Сторожук був кращим. Але йому на п`ятки наступають аж 5 учасників - і це приємно! Конкуренція зростає.
2012-12-14 19:12 Адміністратор:
Олександре Чорний - Суддя трохи згодом дасть відповіді на твої запитання
2012-12-14 19:23 Іван Коломієць:
Александр, по моему по картинке можно было догадаться что оба блока занимают 100%, тем более как минимум двое правильно ответили на вопрос.
2012-12-14 21:17 Владислав Урсул:
за 15 минут на клацал.))) Забыл про конкурс