Введение в современные веб-технологии



Какие форматы изображений поддерживают сжатие регулируемой глубины?

  • GIF и JPEG
  • (Правильный ответ) JPEG и PNG
  • PNG и GIF

Выберите верные утверждения об относительном позиционировании:

  • относительно позиционированный элемент выбрасывается из нормального потока
  • (Правильный ответ) одно из основных его применений состоит в том, чтобы размещать маленькие объекты относительно других объектов на странице
  • (Правильный ответ) абсолютное позиционирование блока часто применяется в сочетании с относительным позиционированием контейнера

<style type=»»text/css»»>div {color:black;}div.red {color:red;}</style>…1. <p class=»»red»»>test 1</p>2. <div class=»»red»»>test 2</div>

Какая из строк будет выведена красным?

  • ни одна
  • зависит от браузера
  • (Правильный ответ) только 2
  • только 1
  • обе

1. <p style=»»color:red;background:yellow;»»>test</p>2. <p style=»»color=red;background=yellow;»»>test</p>3. <p style=»»color=red;»» style=»»background=yellow;»»>test</p>4. <p color=»»red»» background=»»yellow;»»>test</p>

Какие строки не содержат ошибок (отображают текст красным на желтом фоне)?

  • (Правильный ответ) только 1
  • 1, 3 и 4
  • только 4
  • 1 и 4
  • 2 и 4

Выберите верные утверждения об элементах ol, ul и li.

  • элемент списка может содержать только текст
  • (Правильный ответ) элементы ol и ul могут быть вложены в li
  • (Правильный ответ) элемент li должен быть погружен в ul или ol

Имеется следующий HTML-фрагмент:

<p align=right style=»»text-align:left;»»>Hello</p>

Браузер выравнивает абзац по левому краю. Почему?

  • в случае конфликта стилевых правил браузер применяет настройки по умолчанию
  • значение атрибута align записано без кавычек, и браузер игнорирует его
  • (Правильный ответ) атрибут align имеет нулевую стилевую специфичность, а style — большую

<style type=»»text/css»»>.red {color:#ff0000;}p.red {color:#0000ff;}#note {color:#00ff00;}</style>…<p class=»»red»» id=»»note»»>test</p>

Каков цвет текста?

  • (Правильный ответ) #00ff00 (зеленый)
  • #ffffff (белый)
  • #0000ff (синий)
  • #ff0000 (красный)
  • #000000 (черный)

Какие из перечисленных элементов используются для логического форматирования?

  • span
  • (Правильный ответ) em
  • b
  • (Правильный ответ) strong
  • small

<link href=»»styles1.css»» media=»»screen»» rel=»»Stylesheet»» type=»»text/css»» /><link href=»»styles2.css»» media=»»print»» rel=»»Stylesheet»» type=»»text/css»» /><link href=»»styles3.css»» title=»»Main»» media=»»screen»» rel=»»Stylesheet»» type=»»text/css»» /><link href=»»styles4.css»» title=»»New Style»» media=»»screen»» rel=»»Alternate stylesheet»» type=»»text/css»» />

Какие таблицы стилей будут использоваться при просмотре в браузере по умолчанию?

  • только последний (styles4)
  • только первый (styles1)
  • все
  • styles1, styles2 и styles3
  • (Правильный ответ) styles1 и styles3

…<td style=»»width:300px»» width=»»200px»»>test</td>…

Какова ширина ячейки?

  • (Правильный ответ) 300px
  • 500px
  • 250px
  • определяется содержимым
  • 200px

Имеется следующая таблица:

Каким образом устраняется пространство между ячейками?

  • добавлением атрибута cellpadding=»0″ к таблице
  • добавлением css-свойства margin:0; к ячейкам
  • (Правильный ответ) добавлением css-свойства border-collapse:collapse; к таблице

Требуется разместить изображение в правом верхнем углу текстового блока. Какое позиционирование можно применить к изображению?

  • фиксированное
  • относительное
  • (Правильный ответ) абсолютное

Какая может быть разметка у следующей таблицы?

  • <table> <tr> <td colspan=»»2″»>1 </td> <td>2 </td> </tr> <tr> <td rowspan=»»2″»>1 </td> <td>3 </td> </tr> <tr> <td>4 </td> <td>5 </td> <td>6 </td> </tr></table>
  • <table> <tr> <td rowspan=»»2″» colspan=»»2″»>1 </td> <td /> <td>2 </td> </tr> <tr> <td /> <td /> <td>3 </td> </tr> <tr> <td>4 </td> <td>5 </td> <td>6 </td> </tr></table>
  • (Правильный ответ)
    <table> <tr> <td rowspan=»»2″» colspan=»»2″»>1 </td> <td>2 </td> </tr> <tr> <td>3 </td> </tr> <tr> <td>4 </td> <td>5 </td> <td>6 </td> </tr></table>

Таблица генерируется динамически посредством следующего сценария:

var table = document.getElementById(‘MyTable’); var i = 1, n = 1; do {var row = table.tBodies[0].insertRow(-1);var j = 1;do { row.insertCell(-1).innerHTML = n; j++; n++;} while (j <= 3);i++; } while (i <= 3);

Как она будет выглядеть?

  • (Правильный ответ)1

23456789

  • 2

34345456

  • 1

23246369

…<div> <div>Test 1</div> <div id=»»test»»>Test 2</div></div>…

Какой код работает только в Internet Explorer?

  • document.all(«test»).parent.style.color = «red»;
  • document.getElementById(«test»).parent.style.color = «red»;
  • document.all(«test»).divs[1].style.color = «red»;
  • document.getElementById(«test»).parentNode.style.color = «red»;
  • (Правильный ответ) document.getElementById(«test»).parentElement.style.color = «red»;

var a = new Array();a[5] = 4;

Какова длина (свойство length) массива a?

  • 0
  • 5
  • 4
  • (Правильный ответ) 6
  • 1

Какое из свойств объекта window содержит информацию о браузере?

  • userBrowser
  • browser
  • (Правильный ответ) navigator
  • explorer
  • userAgent
Узнать сколько стоит решение этого задания
(ответ в течение 5 мин.)
X