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



Авторы специализируются на тестах по любым дисциплинам! Средний балл по тестам 4,6.
 
Любые вопросы по дистанционному обучению. Тесты, письменные работы, сессия под ключ.
 
Известный интернет сайт, помощь по любым учебным вопросам - от теста до дипломной работы. Личный менеджер.
 
Крупная биржа студенческих работ. Закажи напрямую у преподавателя. Низкие цены, стена заказов.
 
Биржа студенческих работ. Потребуется самостоятельная выгрузка работ.
 

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

  • 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