Введение в современные веб-технологии
700,00 руб.
В течение часа!
Экзамен "Введение в современные веб-технологии" для пользователей и системных администраторов.
Форма сдачи теста: Экстерн
Количество вопросов: 30
Проходной балл: 90% и выше
Срок действия сертификата: неограничен
Сертификат появляется в профиле ресурса INTUIT, и Вы можете заказать его бумажную версию на сайте INTUIT.
Количество вопросов: 30
Проходной балл: 90% и выше
Срок действия сертификата: неограничен
Сертификат появляется в профиле ресурса INTUIT, и Вы можете заказать его бумажную версию на сайте INTUIT.
11425 шт.
Внимание !
Вопросы к тесту выложены исключительно в ознакомительных целях: количество вопросов может не совпадать с действительным, актуальность не поддерживается,- за решением теста Welcome to the cashier!
<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" />
Какие таблицы стилей будут использоваться при просмотре в браузере по умолчанию?
только первый (styles1)
styles1, styles2 и styles3
styles1 и styles3
все
только последний (styles4)
<style type="text/css">
div {color:red;}
.div {color:green;}
#div {color:blue;}
</style>
...
<div>
Test
</div>
Каким цветом будет выведен текст Test?
красным
зеленым
синим
черным
зависит от браузера
<style type="text/css">
a:hover {color:blue;}
a:visited {color:green;}
a:link {color:red;}
a:active {color:yellow;}
</style>
...
<a href="http://www.microsoft.com">Microsoft.com</a>
Какого цвета будет гиперссылка при наведении на нее мыши?
красного
зеленого
синего
желтого
черного
<style type="text/css">
div {color:black;}
div.red {color:red;}
</style>
...
<div class="red">
1. test 1
2. <div>test 2</div>
</div>
Какая из строк будет выведена красным?
только 1
только 2
обе
ни одна
зависит от браузера
1. <h1>Глава 1</h1>
2. <p>Абзац 1</p>
3. <p>Абзац 2</p>
На какие строки действует селектор h1 p?
1
2
2 и 3
все
ни на одну
<style type="text/css">
.red {color:#ff0000;}
p.red {color:#0000ff;}
#note {color:#00ff00;}
</style>
...
<p class="red" id="note">test</p>
Каков цвет текста?
#ff0000 (красный)
#0000ff (синий)
#00ff00 (зеленый)
#000000 (черный)
#ffffff (белый)
Какие из перечисленных элементов используются для логического форматирования?
b
small
span
em
strong
Выберите верные утверждения о тэгах HTML.
тэги всегда заключаются в угловые скобки
закрывающий тэг не может содержать атрибутов
открывающий тэг может одновременно являться закрывающим
Выберите верные утверждения о XHTML.
XHTML требует, чтобы все значения атрибутов были заключены в кавычки
в XHTML значение обязательно для каждого атрибута
каждый тег, содержащий другой тег или другое содержимое, должен иметь закрывающий тег
XHTML-документ является XML-документом
Какой HTML-элемент подходит для выделения фрагмента текста курсивом (без дополнительных css-правил)?
em
b
span
strong
i
Выберите верные утверждения об элементах div и p.
во многих случаях они взаимозаменимы
абзац можно поместить в секцию
секцию можно поместить в абзац
секция не выполняет логического форматирования, в отличие от абзаца
Имеется следующий HTML-фрагмент:
<p align=right style="text-align:left;">Hello</p>
Браузер выравнивает абзац по левому краю. Почему?
значение атрибута align записано без кавычек, и браузер игнорирует его
атрибут align имеет нулевую стилевую специфичность, а style - большую
в случае конфликта стилевых правил браузер применяет настройки по умолчанию
...
<td style="width:300px" width="200px">test</td>
...
Какова ширина ячейки?
200px
300px
250px
500px
определяется содержимым
Какие из перечисленных элементов являются блочными?
h1
p
span
ul
div
Что из перечисленного является необходимыми HTML-элементами в стандартном документе HTML 4.01?
encoding
head
meta
body
html
authors
title
Какой HTML-элемент подходит для выделения фрагмента текста моноширинным шрифтом (без дополнительных css-правил)?
em
b
code
tt
kbd
Имеется следующий HTML-фрагмент:
<div style="color: Red; border:1px solid; padding:5px;">
<p>Абзац</p>
<a href="#">Гиперссылка</a>
<h4>Заголовок</h4>
<span style="color: Green;">текстовый фрагмент</span>
</div>
Какие элементы будут отображены красным цветом?
рамка секции
фон секции
абзац
гиперссылка
заголовок
текстовый фрагмент
<div>
1. test 1
2. <div>test 2</div>
3. <div>test 3</div>
</div>
На какие строки действует селектор div > div?
1
2
2 и 3
все
ни на одну
Выберите верные утверждения о CSS.
он призван отделить представление от содержания HTML-документа
CSS-код может быть размещен в отдельном файле
не все совеременные браузеры поддерживают CSS
Какой HTML-элемент подходит для выделения фрагмента текста полужирным начертанием (без дополнительных css-правил)?
em
b
span
strong
q
Какие из перечисленных единиц измерения являются относительными?
mm
pt
px
em
<style type="text/css">
a:link {color:red;}
a:visited {color:green;}
a:hover {color:blue;}
a:active {color:yellow;}
</style>
...
<a href="http://www.microsoft.com">Microsoft.com</a>
Какого цвета будет гиперссылка при наведении на нее мыши?
красного
зеленого
синего
желтого
черного
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
2 и 4
1 и 4
только 4
<style type="text/css">
a:link {color:red;}
a:visited {color:green;}
a:hover {color:blue;}
a:active {color:yellow;}
</style>
...
<a href="http://www.microsoft.com">Microsoft.com</a>
Какого цвета будет гиперссылка при наведении на нее мыши?
красного
зеленого
синего
желтого
черного
<style type="text/css">
div {color:black;}
div .red {color:red;}
</style>
...
<div class="red">
1. test 1
2. <div class="red">test 2</div>
</div>
Какая из строк будет выведена красным?
только 1
только 2
обе
ни одна
зависит от браузера
Какие из перечисленных элементов являются строчными?
h1
p
span
Em
table
<style type="text/css">
.wide {width:200px;}
div.wide {width:300px;}
</style>
...
<div class="wide"></div>
Какова ширина раздела?
200px
300px
250px
500px
полная ширина окна
<style type="text/css">
a:link {color:red;}
a:visited {color:green;}
a:active {color:yellow;}
a:hover {color:blue;}
</style>
...
<a href="http://www.microsoft.com">Microsoft.com</a>
Какого цвета будет гиперссылка в момент щелчка мыши?
красного
зеленого
синего
желтого
черного
<a href="#">
<img src="pic.png" alt="go" />
</a>
Что является атрибутом элемента-якоря?
a
href
#
img
Выберите верные утверждения об элементах ol, ul и li.
элемент списка может содержать только текст
элемент li должен быть погружен в ul или ol
элементы ol и ul могут быть вложены в li
В каких определениях элемента img указаны все необходимые атрибуты?
<img src="image title=""s/Jones.jpg" alt="Jones" />
<img src="/image title=""s/Jones.jpg" title="Mr. Jones" />
<img src="Customers/image title=""s/Jones.jpg" width="100" height="150" title="Mr. Jones" />
<img src="/Customers/image; height: 150px" /> title=""s/Jones.jpg" style="width: 100px
<img src="http://localhost/Customers/image title=""s/Jones.jpg" alt="Jones" title="Mr. Jones" />
Какие форматы изображений поддерживают прозрачность?
GIF и JPEG
JPEG и PNG
PNG и GIF
Атрибуты width и height элемента img:
всегда обязательны
рекомендуется опускать, поскольку браузер сам определит правильный размер
рекомендуется указывать тем или иным образом, чтобы избежать лишних запросов к веб-серверу в ряде случаев
указываются только в том случае, если изображение должно быть масштабировано
<style type="text/css">
img { float: right; }
</style>
...
<img src="flower1.jpg" alt="flower" />
<img src="flower2.jpg" alt="flower" />
Hello!
Сколько изображений будет в одной строке со словом Hello?
Одно
два
ни одного
<style type="text/css">
body {
background-image title="": url(Texture.jpg);
}
</style>
Размер изображения Texture.jpg - 100*100 px. Какая площадь будет занята изображением на веб-странице?
100*100 px в левом верхнем углу
100*100 px в центре
Зависит от выбранного клиентом масштаба
Вся
Выберите верные утверждения об элементе tbody:
этот элемент является устаревшим и не рекомендуется к использованию
наличие элемента tbody в таблице необходимо согласно стандарту
элементов tbody в таблице может быть несколько
элемент tbody объединяет строки в группы
Какая может быть разметка у следующей таблицы?
<table>
<tr>
<td rowspan="2">1 </td>
</tr>
<tr>
<td>2 </td>
<td>3 </td>
</tr>
</table>
<table>
<tr>
<td colspan="2">1 </td>
</tr>
<tr>
<td>2 </td>
<td>3 </td>
</tr>
</table>
<table>
<tr columns="1">
<td>1 </td>
</tr>
<tr>
<td>2 </td>
<td>3 </td>
</tr>
</table>
Какая может быть разметка у следующей таблицы?
<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;
do {
var row = table.tBodies[0].insertRow(-1);
var j = 1;
do {
row.insertCell(-1).innerHTML = (i+j);
j++;
} while (j <= 3);
i++;
} while (i <= 3);
Как она будет выглядеть?
1 2 3
4 5 6
7 8 9
1 2 3
2 4 6
3 6 9
2 3 4
3 4 5
4 5 6
Таблица генерируется динамически посредством следующего сценария:
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 2 3
4 5 6
7 8 9
1 2 3
2 4 6
3 6 9
2 3 4
3 4 5
4 5 6
Выберите верные утверждения об абсолютном позиционировании:
оно применяется по умолчанию
позиция элемента должна быть указана относительно окна
абсолютно позиционированный элемент выбрасывается из нормального потока
абсолютная позиция отсчитывается от первого блока в ряду контейнеров, который имеет позиционирование absolute, relative или fix
Выберите верные утверждения об относительном позиционировании:
абсолютное позиционирование блока часто применяется в сочетании с относительным позиционированием контейнера
одно из основных его применений состоит в том, чтобы размещать маленькие объекты относительно других объектов на странице
относительно позиционированный элемент выбрасывается из нормального потока
Имеет ли смысл одновременное указание свойств width и min-width для элемента img?
да, поскольку браузеры нарушают значение width при масштабировании страниц, а min-width стремятся соблюсти
нет
да, если одно из этих свойств задано в процентных единицах, а другое - нет
Требуется разместить на странице три блока текста, причем первый занимает всю ширину страницы, а остальные находятся под ним и делят страницу по ширине пополам. Какой способ позиционирования следует применить ко второму и третьему блоку?
абсолютное
относительное
статическое + float
В текст вставлен элемент img с минимальным набором атрибутов. Каким образом может выглядеть изображение?
не разрывать строки
разрывать строку
обтекаться текстом
Имеется следующая разметка.
<style type="text/css">
img { float: right; }
</style>
...
<img src="flower1.jpg" alt="flower" />
<p>Это первое изображение.</p>
<img src="flower2.jpg" alt="flower" />
<p>Это второе изображение.</p>
Как избежать обтекания вторым изображением первого?
применить css-свойство clear:both; к первому изображению
применить css-свойство clear:both; ко второму изображению
упаковать каждую пару изображение-текст в отдельный контейнер div
Требуется разместить вдоль внутренних вертикальных границ контейнера div фоновое изображение (а середину оставить без заполнения). Какие варианты дадут верный результат?
создать два стилевых правила, одно из которых повторит фон вдоль левой границы, а другое - вдоль правой (при помощи свойств background-position и background-repeat) и применить оба эти правила к контейнеру
создать те же правила, но второе применить ко вложенной секции
заполнить контейнер текстурой полностью и вложить в него секцию с белым фоном и горизонтальными отступами
Какой формат изображений поддерживают анимацию?
GIF
JPEG
PNG
Имеется следующая таблица:
Каким образом устраняется пространство между ячейками?
добавлением css-свойства margin:0; к ячейкам
добавлением атрибута cellpadding="0" к таблице
добавлением css-свойства border-collapse:collapse; к таблице
Выберите верные утверждения о статическом позиционировании (нормальном потоке):
браузер размещает элементы в их контейнерах слева направо, затем сверху вниз, начиная с контейнера body
невозможно манипулировать позицией блока по горизонтали и вертикали
невозможно разместить два блока, смежных по горизонтали
Как можно горизонтально центрировать блочный элемент?
задать css-свойство align:center;
только при помощи абсолютного позиционирования
задать ширину и автоматические горизонтальные отступы
Какие форматы изображений поддерживают сжатие регулируемой глубины?
GIF и JPEG
JPEG и PNG
PNG и GIF
Если для элемента img заданы оба свойства width и height, то:
соотношение ширины и высоты изображения будет сохранено браузером в любом случае
>масштаб, возможно, будет увеличен, но это приведет к существенной потере качества изображения
масштаб, возможно, будет уменьшен, но это приведет к существенной потере качества изображения
имеется следующее изображение, используемое в качестве ролловера:
использующая его веб-страница выглядит следующим образом (вторая ссылка активна, а над третьей находится курсор):
какие стилевые правила применены к гиперссылкам?
a:hover { background-position: -54px 0; } a:active { background-position: -27px 0; }
a:hover { background-position: 0 -54px; } a:active { background-position: 0 -27px; }
a:hover { background-position: -27px 0; } a:active { background-position: -54px 0; }
a:hover { background-position: 0 -27px; } a:active { background-position: 0 -54px; }
Имеется таблица, к которой не применено никаких css-правил:
<table>
<tr>
<td>Фамилия </td>
<td>Телефон </td>
</tr>
<tr>
<td>Иванов </td>
<td>9094567 </td>
</tr>
<tr>
<td>Петров </td>
<td>9045732 </td>
</tr>
</table>
Какие границы будут иметь ячейки таблицы?
никаких
сплошные
двойные
Вопросы к тесту выложены исключительно в ознакомительных целях: количество вопросов может не совпадать с действительным, актуальность не поддерживается,- за решением теста Welcome to the cashier!
<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" />
Какие таблицы стилей будут использоваться при просмотре в браузере по умолчанию?
только первый (styles1)
styles1, styles2 и styles3
styles1 и styles3
все
только последний (styles4)
<style type="text/css">
div {color:red;}
.div {color:green;}
#div {color:blue;}
</style>
...
<div>
Test
</div>
Каким цветом будет выведен текст Test?
красным
зеленым
синим
черным
зависит от браузера
<style type="text/css">
a:hover {color:blue;}
a:visited {color:green;}
a:link {color:red;}
a:active {color:yellow;}
</style>
...
<a href="http://www.microsoft.com">Microsoft.com</a>
Какого цвета будет гиперссылка при наведении на нее мыши?
красного
зеленого
синего
желтого
черного
<style type="text/css">
div {color:black;}
div.red {color:red;}
</style>
...
<div class="red">
1. test 1
2. <div>test 2</div>
</div>
Какая из строк будет выведена красным?
только 1
только 2
обе
ни одна
зависит от браузера
1. <h1>Глава 1</h1>
2. <p>Абзац 1</p>
3. <p>Абзац 2</p>
На какие строки действует селектор h1 p?
1
2
2 и 3
все
ни на одну
<style type="text/css">
.red {color:#ff0000;}
p.red {color:#0000ff;}
#note {color:#00ff00;}
</style>
...
<p class="red" id="note">test</p>
Каков цвет текста?
#ff0000 (красный)
#0000ff (синий)
#00ff00 (зеленый)
#000000 (черный)
#ffffff (белый)
Какие из перечисленных элементов используются для логического форматирования?
b
small
span
em
strong
Выберите верные утверждения о тэгах HTML.
тэги всегда заключаются в угловые скобки
закрывающий тэг не может содержать атрибутов
открывающий тэг может одновременно являться закрывающим
Выберите верные утверждения о XHTML.
XHTML требует, чтобы все значения атрибутов были заключены в кавычки
в XHTML значение обязательно для каждого атрибута
каждый тег, содержащий другой тег или другое содержимое, должен иметь закрывающий тег
XHTML-документ является XML-документом
Какой HTML-элемент подходит для выделения фрагмента текста курсивом (без дополнительных css-правил)?
em
b
span
strong
i
Выберите верные утверждения об элементах div и p.
во многих случаях они взаимозаменимы
абзац можно поместить в секцию
секцию можно поместить в абзац
секция не выполняет логического форматирования, в отличие от абзаца
Имеется следующий HTML-фрагмент:
<p align=right style="text-align:left;">Hello</p>
Браузер выравнивает абзац по левому краю. Почему?
значение атрибута align записано без кавычек, и браузер игнорирует его
атрибут align имеет нулевую стилевую специфичность, а style - большую
в случае конфликта стилевых правил браузер применяет настройки по умолчанию
...
<td style="width:300px" width="200px">test</td>
...
Какова ширина ячейки?
200px
300px
250px
500px
определяется содержимым
Какие из перечисленных элементов являются блочными?
h1
p
span
ul
div
Что из перечисленного является необходимыми HTML-элементами в стандартном документе HTML 4.01?
encoding
head
meta
body
html
authors
title
Какой HTML-элемент подходит для выделения фрагмента текста моноширинным шрифтом (без дополнительных css-правил)?
em
b
code
tt
kbd
Имеется следующий HTML-фрагмент:
<div style="color: Red; border:1px solid; padding:5px;">
<p>Абзац</p>
<a href="#">Гиперссылка</a>
<h4>Заголовок</h4>
<span style="color: Green;">текстовый фрагмент</span>
</div>
Какие элементы будут отображены красным цветом?
рамка секции
фон секции
абзац
гиперссылка
заголовок
текстовый фрагмент
<div>
1. test 1
2. <div>test 2</div>
3. <div>test 3</div>
</div>
На какие строки действует селектор div > div?
1
2
2 и 3
все
ни на одну
Выберите верные утверждения о CSS.
он призван отделить представление от содержания HTML-документа
CSS-код может быть размещен в отдельном файле
не все совеременные браузеры поддерживают CSS
Какой HTML-элемент подходит для выделения фрагмента текста полужирным начертанием (без дополнительных css-правил)?
em
b
span
strong
q
Какие из перечисленных единиц измерения являются относительными?
mm
pt
px
em
<style type="text/css">
a:link {color:red;}
a:visited {color:green;}
a:hover {color:blue;}
a:active {color:yellow;}
</style>
...
<a href="http://www.microsoft.com">Microsoft.com</a>
Какого цвета будет гиперссылка при наведении на нее мыши?
красного
зеленого
синего
желтого
черного
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
2 и 4
1 и 4
только 4
<style type="text/css">
a:link {color:red;}
a:visited {color:green;}
a:hover {color:blue;}
a:active {color:yellow;}
</style>
...
<a href="http://www.microsoft.com">Microsoft.com</a>
Какого цвета будет гиперссылка при наведении на нее мыши?
красного
зеленого
синего
желтого
черного
<style type="text/css">
div {color:black;}
div .red {color:red;}
</style>
...
<div class="red">
1. test 1
2. <div class="red">test 2</div>
</div>
Какая из строк будет выведена красным?
только 1
только 2
обе
ни одна
зависит от браузера
Какие из перечисленных элементов являются строчными?
h1
p
span
Em
table
<style type="text/css">
.wide {width:200px;}
div.wide {width:300px;}
</style>
...
<div class="wide"></div>
Какова ширина раздела?
200px
300px
250px
500px
полная ширина окна
<style type="text/css">
a:link {color:red;}
a:visited {color:green;}
a:active {color:yellow;}
a:hover {color:blue;}
</style>
...
<a href="http://www.microsoft.com">Microsoft.com</a>
Какого цвета будет гиперссылка в момент щелчка мыши?
красного
зеленого
синего
желтого
черного
<a href="#">
<img src="pic.png" alt="go" />
</a>
Что является атрибутом элемента-якоря?
a
href
#
img
Выберите верные утверждения об элементах ol, ul и li.
элемент списка может содержать только текст
элемент li должен быть погружен в ul или ol
элементы ol и ul могут быть вложены в li
В каких определениях элемента img указаны все необходимые атрибуты?
<img src="image title=""s/Jones.jpg" alt="Jones" />
<img src="/image title=""s/Jones.jpg" title="Mr. Jones" />
<img src="Customers/image title=""s/Jones.jpg" width="100" height="150" title="Mr. Jones" />
<img src="/Customers/image; height: 150px" /> title=""s/Jones.jpg" style="width: 100px
<img src="http://localhost/Customers/image title=""s/Jones.jpg" alt="Jones" title="Mr. Jones" />
Какие форматы изображений поддерживают прозрачность?
GIF и JPEG
JPEG и PNG
PNG и GIF
Атрибуты width и height элемента img:
всегда обязательны
рекомендуется опускать, поскольку браузер сам определит правильный размер
рекомендуется указывать тем или иным образом, чтобы избежать лишних запросов к веб-серверу в ряде случаев
указываются только в том случае, если изображение должно быть масштабировано
<style type="text/css">
img { float: right; }
</style>
...
<img src="flower1.jpg" alt="flower" />
<img src="flower2.jpg" alt="flower" />
Hello!
Сколько изображений будет в одной строке со словом Hello?
Одно
два
ни одного
<style type="text/css">
body {
background-image title="": url(Texture.jpg);
}
</style>
Размер изображения Texture.jpg - 100*100 px. Какая площадь будет занята изображением на веб-странице?
100*100 px в левом верхнем углу
100*100 px в центре
Зависит от выбранного клиентом масштаба
Вся
Выберите верные утверждения об элементе tbody:
этот элемент является устаревшим и не рекомендуется к использованию
наличие элемента tbody в таблице необходимо согласно стандарту
элементов tbody в таблице может быть несколько
элемент tbody объединяет строки в группы
Какая может быть разметка у следующей таблицы?
<table>
<tr>
<td rowspan="2">1 </td>
</tr>
<tr>
<td>2 </td>
<td>3 </td>
</tr>
</table>
<table>
<tr>
<td colspan="2">1 </td>
</tr>
<tr>
<td>2 </td>
<td>3 </td>
</tr>
</table>
<table>
<tr columns="1">
<td>1 </td>
</tr>
<tr>
<td>2 </td>
<td>3 </td>
</tr>
</table>
Какая может быть разметка у следующей таблицы?
<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;
do {
var row = table.tBodies[0].insertRow(-1);
var j = 1;
do {
row.insertCell(-1).innerHTML = (i+j);
j++;
} while (j <= 3);
i++;
} while (i <= 3);
Как она будет выглядеть?
1 2 3
4 5 6
7 8 9
1 2 3
2 4 6
3 6 9
2 3 4
3 4 5
4 5 6
Таблица генерируется динамически посредством следующего сценария:
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 2 3
4 5 6
7 8 9
1 2 3
2 4 6
3 6 9
2 3 4
3 4 5
4 5 6
Выберите верные утверждения об абсолютном позиционировании:
оно применяется по умолчанию
позиция элемента должна быть указана относительно окна
абсолютно позиционированный элемент выбрасывается из нормального потока
абсолютная позиция отсчитывается от первого блока в ряду контейнеров, который имеет позиционирование absolute, relative или fix
Выберите верные утверждения об относительном позиционировании:
абсолютное позиционирование блока часто применяется в сочетании с относительным позиционированием контейнера
одно из основных его применений состоит в том, чтобы размещать маленькие объекты относительно других объектов на странице
относительно позиционированный элемент выбрасывается из нормального потока
Имеет ли смысл одновременное указание свойств width и min-width для элемента img?
да, поскольку браузеры нарушают значение width при масштабировании страниц, а min-width стремятся соблюсти
нет
да, если одно из этих свойств задано в процентных единицах, а другое - нет
Требуется разместить на странице три блока текста, причем первый занимает всю ширину страницы, а остальные находятся под ним и делят страницу по ширине пополам. Какой способ позиционирования следует применить ко второму и третьему блоку?
абсолютное
относительное
статическое + float
В текст вставлен элемент img с минимальным набором атрибутов. Каким образом может выглядеть изображение?
не разрывать строки
разрывать строку
обтекаться текстом
Имеется следующая разметка.
<style type="text/css">
img { float: right; }
</style>
...
<img src="flower1.jpg" alt="flower" />
<p>Это первое изображение.</p>
<img src="flower2.jpg" alt="flower" />
<p>Это второе изображение.</p>
Как избежать обтекания вторым изображением первого?
применить css-свойство clear:both; к первому изображению
применить css-свойство clear:both; ко второму изображению
упаковать каждую пару изображение-текст в отдельный контейнер div
Требуется разместить вдоль внутренних вертикальных границ контейнера div фоновое изображение (а середину оставить без заполнения). Какие варианты дадут верный результат?
создать два стилевых правила, одно из которых повторит фон вдоль левой границы, а другое - вдоль правой (при помощи свойств background-position и background-repeat) и применить оба эти правила к контейнеру
создать те же правила, но второе применить ко вложенной секции
заполнить контейнер текстурой полностью и вложить в него секцию с белым фоном и горизонтальными отступами
Какой формат изображений поддерживают анимацию?
GIF
JPEG
PNG
Имеется следующая таблица:
Каким образом устраняется пространство между ячейками?
добавлением css-свойства margin:0; к ячейкам
добавлением атрибута cellpadding="0" к таблице
добавлением css-свойства border-collapse:collapse; к таблице
Выберите верные утверждения о статическом позиционировании (нормальном потоке):
браузер размещает элементы в их контейнерах слева направо, затем сверху вниз, начиная с контейнера body
невозможно манипулировать позицией блока по горизонтали и вертикали
невозможно разместить два блока, смежных по горизонтали
Как можно горизонтально центрировать блочный элемент?
задать css-свойство align:center;
только при помощи абсолютного позиционирования
задать ширину и автоматические горизонтальные отступы
Какие форматы изображений поддерживают сжатие регулируемой глубины?
GIF и JPEG
JPEG и PNG
PNG и GIF
Если для элемента img заданы оба свойства width и height, то:
соотношение ширины и высоты изображения будет сохранено браузером в любом случае
>масштаб, возможно, будет увеличен, но это приведет к существенной потере качества изображения
масштаб, возможно, будет уменьшен, но это приведет к существенной потере качества изображения
имеется следующее изображение, используемое в качестве ролловера:
использующая его веб-страница выглядит следующим образом (вторая ссылка активна, а над третьей находится курсор):
какие стилевые правила применены к гиперссылкам?
a:hover { background-position: -54px 0; } a:active { background-position: -27px 0; }
a:hover { background-position: 0 -54px; } a:active { background-position: 0 -27px; }
a:hover { background-position: -27px 0; } a:active { background-position: -54px 0; }
a:hover { background-position: 0 -27px; } a:active { background-position: 0 -54px; }
Имеется таблица, к которой не применено никаких css-правил:
<table>
<tr>
<td>Фамилия </td>
<td>Телефон </td>
</tr>
<tr>
<td>Иванов </td>
<td>9094567 </td>
</tr>
<tr>
<td>Петров </td>
<td>9045732 </td>
</tr>
</table>
Какие границы будут иметь ячейки таблицы?
никаких
сплошные
двойные
Внимание !
Вопросы к тесту выложены исключительно в ознакомительных целях: количество вопросов может не совпадать с действительным, актуальность не поддерживается,- за решением теста Welcome to the cashier!
Имеется следующая разметка.
<style type="text/css">
img {
float: right;
}
div {
background-color: Yellow;
clear: both;
margin: 3px 0;
padding: 3px;
}
</style>
<div>
<img src="flower1.jpg" alt="flower" />
Это первое изображение.
</div>
<div>
<img src="flower2.jpg" alt="flower" />
Это второе изображение.
</div>
Будут ли изображения окружены желтым фоном со всех сторон?
да.
да, если убрать у обеих секций css-свойство clear: both;
да, если добавить обеим секциям css-свойство overflow:hidden;
Выберите верные утверждения о позиционировании на основе плавающих элементов:
для его применения используется значение css-свойства position: float;
плавающие элементы должны быть позиционированы статически
при многоколоночной верстке колонки обычно снабжаются свойством float:left и указанием ширины, а также отступа и поля/1 /2
если суммарная ширина всех плавающих колонок превысит ширину контейнера, то браузер добавит в этот контейнер горизонтальную полосу прокрутки
Требуется центрировать блок по вертикали. Какое позиционирование следует применить к нему?
Абсолютное
относительное
статическое + float
Какую разметку может иметь следующая таблица:
<table>
<tr>
<td>1 </td>
<td>2 </td>
</tr>
<tr>
<td>3 </td>
<td>4 </td>
</tr>
</table>
<table>
<tr>
<td>1 </td>
<td>3 </td>
</tr>
<tr>
<td>2 </td>
<td>4 </td>
</tr>
</table>
<table columns="2">
<td>1 </td>
<td>2 </td>
<td>3 </td>
<td>4 </td>
</table>
<table columns="2">
<td>1 </td>
<td>3 </td>
<td>2 </td>
<td>4 </td>
</table>
Выберите верные утверждения об элементах thead и tfoot:
эти элементы являются устаревшими и не рекомендуются к использованию
в таблице может быть не более одного элемента thead и не более одного tfoot
thead и tfoot являются колонтитулами, которые для многостраничных таблиц повторяются некоторыми браузерами на каждой странице
Как правильно разместить заголовок таблицы?
<caption>Заголовок таблицы</caption>
<table>
<tr>
<td>1 </td>
<td>3 </td>
</tr>
<tr>
<td>2 </td>
<td>4 </td>
</tr>
</table>
<table>
<caption>Заголовок таблицы</caption>
<tr>
<td>1 </td>
<td>3 </td>
</tr>
<tr>
<td>2 </td>
<td>4 </td>
</tr>
</table>
<table>
<tr>
<caption>Заголовок таблицы</caption>
</tr>
<tr>
<td>1 </td>
<td>3 </td>
</tr>
<tr>
<td>2 </td>
<td>4 </td>
</tr>
</table>
Выберите верные утверждения о фиксированном позиционировании:
оно удаляет элемент из нормального потока HTML
оно не работает в Internet Explorer версий 6 и ниже
для его применения используется значение css-свойства position: fixed;
Какое из имен переменных является недопустимым в JavaScript?
x
For
var
_1
Var
Какое из имен переменных является недопустимым в JavaScript?
x
obj
Var
_1
3piglets
Рассчитайте значение переменной b
var a = 2;
var b = 2 * ++a;
4
6
8
NaN
Ошибка
Рассчитайте значение переменной x
var x = 0, i = 0;
while (++i % 3)
x += i;
0
1
2
3
6
Какой результат выведет следующий код?
function test(n) {
return n ? n + test(n - 1) : 0;
}
document.write(test(3));
0
3
6
(Пустая строка)
ошибка. Код зависнет
Какой результат выведет следующий код?
function test(x, y) {
document.write(arguments.length);
return x + y;
}
var x = test(1, 2, 3, 4);
ошибка
(Пустая строка)
2
4
10
var a = new Array();
a[5] = 4;
Какова длина (свойство length) массива a?
0
1
4
5
6
Выберите верные утверждения о XML.
этот язык в настоящее время практически не используется
он определяет формальные правила разметки для любых целей
всякий HTML-документ является XML-документом
XHTML-документ является XML-документом
function Rect(a, b) {
this.len = a;
this.wid = b;
}
var r1 = new Rect(3, 4);
Что являяется прототипом функции Rect?
function Rect
function Function
object Object
object Function
null
В каком параметре дублируется информация о браузере, направляемая на Веб сервер?
navigator.userAgent
explorer.version
browser.code
эта информация недоступна в браузере
браузер не направляет никакой информации на сервер
Какое из свойств объекта document не является коллекцией?
links
forms
all
cookie
images
Какое из свойств объекта document не является коллекцией?
links
forms
all
cookie
images
Выберите истинное утверждение о cookie
Cookie являются разновидностью компьютерных вирусов
Cookie с неустановленным сроком годности удаляются при переходе на другую страницу
пользователь не может удалить cookie
Cookie с неустановленным сроком годности удаляются при закрытии браузера
размер cookie неограничен
...
<body>
<div id="test" style="color:Red">Test</div>
<script type="text/javascript">
document.getElementById('test').style.color = 'Blue';
</script>
</body>
...
Каким цветом будет выведен текст "Test" на экране?
Красным
Синим
Черным
Не будет выведен из-за ошибки
Белым
...
<div id="test">
<div>Test 1</div>
<div>Test 2</div>
</div>
...
Каким способом доступиться до раздела, содержащего текст "Test 2" в любом браузере?
document.getTextNode('Test 2')
document.getElementById('test').childNodes[1]
document.getElementById('test').children[2]
document.getElementById('test')[2]
document.getElementById('test').children[1]
<div id="test"></div>
<script type="text/javascript">
var oImg = new Image();
oImg.src="logo.png";
var oDiv = document.getElementById("test");
?
</script>
Какая инструкция должна быть использована на месте знака вопроса (?) для вставки изображения oImg в секцию oDiv?
oDiv.src = oImg;
oDiv.appendChild(oImg);
oDiv.innerHTML = oImg;
oImg.insertInto(oDiv);
oDiv.images.add(oImg);
var a = new Array();
a[5] = 4;
Какова длина (свойство length) массива a?
0
1
4
5
6
function Rect(a, b) {
this.len = a;
this.wid = b;
}
var r1 = new Rect(3, 4);
Что являяется конструктором функции Rect?
function Rect
function Function
object Object
object Function
null
Какое из свойств объекта window содекжит информацию о браузере?
browser
navigator
userAgent
userBrowser
explorer
...
<div>
<div>Test 1</div>
<div id="test">Test 2</div>
</div>
...
Какой код работает только в Internet Explorer?
document.getElementById("test").parentNode.style.color = "red";
document.getElementById("test").parent.style.color = "red";
document.getElementById("test").parentElement.style.color = "red";
document.all("test").parent.style.color = "red";
document.all("test").divs[1].style.color = "red";
Рассчитайте значение переменной b
var a;
var b = a + 1;
NaN
1
0
undefined
null
Какие объекты входят в коллекцию images объекта document?
все элементы img
изображаения, имеющие атрибут src
изображаения, имеющие атрибуты src и id
изображаения, добавленные в коллекцию images программно
любые графические объекты
Рассчитайте значение переменной x
var x = 0;
for (var i = 1; i < 10; ++i) {
x += i;
if (x % 2 == 0)
break;
}
0
1
2
4
6
var a = [1, 2, 3, 4];
Каково значение a[3]?
0
3
4
null
undefined
function Rect(a, b) {
this.len = a;
this.wid = b;
}
var r1 = new Rect(3, 4);
Чем является функция Rect по отношению к r1?
прототип
конструктор
функция-обработчик
модель
родительский объект
...
<div style="border:solid 1px #000;">
<div id="test">test</div>
</div>
...
Квкой код делает цвет рамки внешнего раздела (div) синим в любом браузере?
document.getElementById('test').style.borderColor = 'Blue';
document.getElementById('test').parentNode.style.borderColor = 'Blue';
document.getElementById('test').parentElement.style.borderColor = 'Blue';
document.getElementById('test').parent.style.borderColor = 'Blue';
document.parentNode.getElementById('test').style.borderColor = 'Blue';
Какая инструкция используется для создания нового элемента (например, div) в Internet Explorer 8?
var oDiv = document.createElement("div");
var oDiv = new Element("div");
var oDiv = new Div();
var oDiv = newElement("div");
новый элемент может быть добавлен только в редакторе
Рассчитайте значение переменной x
var x = 0, i = 0;
do {
if (i % 2)
continue;
x += i;
} while (i++ < 10);
0
20
30
45
25
Какие элементы входят в коллекцию anchors объекта document?
все гиперссылки
гиперссылки, имеющие атрибут href
гиперссылки, имеющие атрибуты href и id
гиперссылки, имеющие атрибут id
гиперссылки, добавленные в коллекцию anchors программно
...
<body>
<div id="test" style="color:Red">Test</div>
<script type="text/javascript">
document.getElementsByName('test').style.color = 'Blue';
</script>
</body>
...
Каким цветом будет выведен текст "Test" на экране?
Красным
Синим
Черным
Не будет выведен из-за ошибки
Белым
Какой из параметров имеет одинаковое (не ошибочное) значение в Internet Explorer, Mozilla Firefox и Apple Safari?
window.userAgent
navigator.appCodeName
explorer.codeVersion
browser.subVersion
все браузеры разные
Выберите истинное утверждение о cookie
Cokie являются средством поддержания диалога между Веб сервером и браузером
Cookie хранятся в виде двоичного файла
Срок годности cookie не может превышать 20 минут
пользователь не может запретить использование cookie
JavaScript имеет специальные функции для работы с cookie
Выберите истинное утверждение о cookie
Cookie хранятся на сервере
Cookie отправляются только на тот сервер, которым они установлены
Cookie отпраляются на любой сервер с каждым запросом
Cookie доступны только на Веб сервере
Cookie с неустановленным сроком годности хранятся вечно
<div id="test"><img id="logo" src="test.png"></div>
<script type="text/javascript">
var oImg = document.getElementById("logo");
var oDiv = document.getElementById("test");
?
</script>
Какая инструкция должна быть использована на месте знака вопроса (?) для удаления изображения oImg из секции oDiv?
oDiv.images.delete(oImg);
oImg.delete();
oDiv.removeElement(oImg);
oDiv.removeChild(oImg);
document.removeElement(oDiv, oImg);
Какое из имен переменных является допустимым в JavaScript?
Stive&Barton
For
var
3piglets
point*
Рассчитайте значение переменной b
var a = '3';
var b = a + 1;
4
31
undefined
null
NaN
Какой результат выведет следующий код?
function test(x, y) {
return x + y;
}
var x = test(1, 2, 3, 4);
document.write(test.length);
(пустая строка)
0
2
3
4
Имеется следующий HTML-фрагмент:
HTML
CSS
Javascript
Будут ли слова расположены на разных строках при просмотре документа в браузере?
да
да, если вставить между ними <![CDATA[<br />]]>
да, если заключить весь фрагмент в <![CDATA[<pre> ... </pre>]]>
да, если заключить каждое слово в элемент span
да, если заключить каждое слово в элемент p
var a = new Array(-1);
Какова длина (свойство length) массива a?
-1
0
1
2
undefined
<style type="text/css">
div {color:red;}
.div {color:green;}
#div {color:blue;}
</style>
...
<div id="div">
Test
</div>
Каким цветом будет выведен текст Test?
красным
зеленым
синим
черным
зависит от браузера
1. <h1>Глава 1</h1>
2. <p>Абзац 1</p>
3. <p>Абзац 2</p>
На какие строки действует селектор h1 + p?
1
2
2 и 3
все
ни на одну
Какая может быть разметка у следующей таблицы?
<table>
<tr>
<td rowspan="2">1 </td>
<td>2 </td>
</tr>
<tr>
<td>3 </td>
</tr>
</table>
<table>
<tr>
<td colspan="2">1 </td>
</tr>
<tr>
<td>2 </td>
<td>3 </td>
</tr>
</table>
<table>
<tr>
<td rowspan="2">1 </td>
</tr>
<tr>
<td>2 </td>
<td>3 </td>
</tr>
</table>
Какое из имен переменных является недопустимым в JavaScript?
x
var
_1
<style type="text/css">
a:link {color:red;}
a:visited {color:green;}
a:active {color:yellow;}
a:hover {color:blue;}
</style>
...
<a href="http://www.microsoft.com">Microsoft.com</a>
Какого цвета будет гиперссылка в момент щелчка мыши?
красного
черного
зеленого
желтого
синего
function Rect(a, b) {
this.len = a;
this.wid = b;
}
var r1 = new Rect(3, 4);
Что является конструктором функции Rect?
null
object Function
object Object
function Rect
function Functio
<style type="text/css">
div {color:red;}
.div {color:green;}
#div {color:blue;}
</style>
...
<div class="div">
Test
</div>
Каким цветом будет выведен текст Test?
зависит от браузера
зеленым
черным
красным
синим
<style type="text/css">
a:visited {color:green;}
a:link {color:red;}
a:active {color:yellow;}
</style>
...
<a href="http://www.microsoft.com">Microsoft.com</a>
Какого цвета будет гиперссылка при наведении на нее мыши?
синего
черного
желтого
красного
зеленого
Какая может быть разметка у следующей таблицы?
<table>
<tr columns="1">
<td>1 </td>
</tr>
<tr>
<td>2 </td>
<td>3 </td>
</tr>
</table>
<table>
<tr>
<td colspan="2">1 </td>
</tr>
<tr>
<td>2 </td>
<td>3 </td>
</tr>
</table>
<table>
<tr>
<td rowspan="2">1 </td>
</tr>
<tr>
Вопросы к тесту выложены исключительно в ознакомительных целях: количество вопросов может не совпадать с действительным, актуальность не поддерживается,- за решением теста Welcome to the cashier!
Имеется следующая разметка.
<style type="text/css">
img {
float: right;
}
div {
background-color: Yellow;
clear: both;
margin: 3px 0;
padding: 3px;
}
</style>
<div>
<img src="flower1.jpg" alt="flower" />
Это первое изображение.
</div>
<div>
<img src="flower2.jpg" alt="flower" />
Это второе изображение.
</div>
Будут ли изображения окружены желтым фоном со всех сторон?
да.
да, если убрать у обеих секций css-свойство clear: both;
да, если добавить обеим секциям css-свойство overflow:hidden;
Выберите верные утверждения о позиционировании на основе плавающих элементов:
для его применения используется значение css-свойства position: float;
плавающие элементы должны быть позиционированы статически
при многоколоночной верстке колонки обычно снабжаются свойством float:left и указанием ширины, а также отступа и поля/1 /2
если суммарная ширина всех плавающих колонок превысит ширину контейнера, то браузер добавит в этот контейнер горизонтальную полосу прокрутки
Требуется центрировать блок по вертикали. Какое позиционирование следует применить к нему?
Абсолютное
относительное
статическое + float
Какую разметку может иметь следующая таблица:
<table>
<tr>
<td>1 </td>
<td>2 </td>
</tr>
<tr>
<td>3 </td>
<td>4 </td>
</tr>
</table>
<table>
<tr>
<td>1 </td>
<td>3 </td>
</tr>
<tr>
<td>2 </td>
<td>4 </td>
</tr>
</table>
<table columns="2">
<td>1 </td>
<td>2 </td>
<td>3 </td>
<td>4 </td>
</table>
<table columns="2">
<td>1 </td>
<td>3 </td>
<td>2 </td>
<td>4 </td>
</table>
Выберите верные утверждения об элементах thead и tfoot:
эти элементы являются устаревшими и не рекомендуются к использованию
в таблице может быть не более одного элемента thead и не более одного tfoot
thead и tfoot являются колонтитулами, которые для многостраничных таблиц повторяются некоторыми браузерами на каждой странице
Как правильно разместить заголовок таблицы?
<caption>Заголовок таблицы</caption>
<table>
<tr>
<td>1 </td>
<td>3 </td>
</tr>
<tr>
<td>2 </td>
<td>4 </td>
</tr>
</table>
<table>
<caption>Заголовок таблицы</caption>
<tr>
<td>1 </td>
<td>3 </td>
</tr>
<tr>
<td>2 </td>
<td>4 </td>
</tr>
</table>
<table>
<tr>
<caption>Заголовок таблицы</caption>
</tr>
<tr>
<td>1 </td>
<td>3 </td>
</tr>
<tr>
<td>2 </td>
<td>4 </td>
</tr>
</table>
Выберите верные утверждения о фиксированном позиционировании:
оно удаляет элемент из нормального потока HTML
оно не работает в Internet Explorer версий 6 и ниже
для его применения используется значение css-свойства position: fixed;
Какое из имен переменных является недопустимым в JavaScript?
x
For
var
_1
Var
Какое из имен переменных является недопустимым в JavaScript?
x
obj
Var
_1
3piglets
Рассчитайте значение переменной b
var a = 2;
var b = 2 * ++a;
4
6
8
NaN
Ошибка
Рассчитайте значение переменной x
var x = 0, i = 0;
while (++i % 3)
x += i;
0
1
2
3
6
Какой результат выведет следующий код?
function test(n) {
return n ? n + test(n - 1) : 0;
}
document.write(test(3));
0
3
6
(Пустая строка)
ошибка. Код зависнет
Какой результат выведет следующий код?
function test(x, y) {
document.write(arguments.length);
return x + y;
}
var x = test(1, 2, 3, 4);
ошибка
(Пустая строка)
2
4
10
var a = new Array();
a[5] = 4;
Какова длина (свойство length) массива a?
0
1
4
5
6
Выберите верные утверждения о XML.
этот язык в настоящее время практически не используется
он определяет формальные правила разметки для любых целей
всякий HTML-документ является XML-документом
XHTML-документ является XML-документом
function Rect(a, b) {
this.len = a;
this.wid = b;
}
var r1 = new Rect(3, 4);
Что являяется прототипом функции Rect?
function Rect
function Function
object Object
object Function
null
В каком параметре дублируется информация о браузере, направляемая на Веб сервер?
navigator.userAgent
explorer.version
browser.code
эта информация недоступна в браузере
браузер не направляет никакой информации на сервер
Какое из свойств объекта document не является коллекцией?
links
forms
all
cookie
images
Какое из свойств объекта document не является коллекцией?
links
forms
all
cookie
images
Выберите истинное утверждение о cookie
Cookie являются разновидностью компьютерных вирусов
Cookie с неустановленным сроком годности удаляются при переходе на другую страницу
пользователь не может удалить cookie
Cookie с неустановленным сроком годности удаляются при закрытии браузера
размер cookie неограничен
...
<body>
<div id="test" style="color:Red">Test</div>
<script type="text/javascript">
document.getElementById('test').style.color = 'Blue';
</script>
</body>
...
Каким цветом будет выведен текст "Test" на экране?
Красным
Синим
Черным
Не будет выведен из-за ошибки
Белым
...
<div id="test">
<div>Test 1</div>
<div>Test 2</div>
</div>
...
Каким способом доступиться до раздела, содержащего текст "Test 2" в любом браузере?
document.getTextNode('Test 2')
document.getElementById('test').childNodes[1]
document.getElementById('test').children[2]
document.getElementById('test')[2]
document.getElementById('test').children[1]
<div id="test"></div>
<script type="text/javascript">
var oImg = new Image();
oImg.src="logo.png";
var oDiv = document.getElementById("test");
?
</script>
Какая инструкция должна быть использована на месте знака вопроса (?) для вставки изображения oImg в секцию oDiv?
oDiv.src = oImg;
oDiv.appendChild(oImg);
oDiv.innerHTML = oImg;
oImg.insertInto(oDiv);
oDiv.images.add(oImg);
var a = new Array();
a[5] = 4;
Какова длина (свойство length) массива a?
0
1
4
5
6
function Rect(a, b) {
this.len = a;
this.wid = b;
}
var r1 = new Rect(3, 4);
Что являяется конструктором функции Rect?
function Rect
function Function
object Object
object Function
null
Какое из свойств объекта window содекжит информацию о браузере?
browser
navigator
userAgent
userBrowser
explorer
...
<div>
<div>Test 1</div>
<div id="test">Test 2</div>
</div>
...
Какой код работает только в Internet Explorer?
document.getElementById("test").parentNode.style.color = "red";
document.getElementById("test").parent.style.color = "red";
document.getElementById("test").parentElement.style.color = "red";
document.all("test").parent.style.color = "red";
document.all("test").divs[1].style.color = "red";
Рассчитайте значение переменной b
var a;
var b = a + 1;
NaN
1
0
undefined
null
Какие объекты входят в коллекцию images объекта document?
все элементы img
изображаения, имеющие атрибут src
изображаения, имеющие атрибуты src и id
изображаения, добавленные в коллекцию images программно
любые графические объекты
Рассчитайте значение переменной x
var x = 0;
for (var i = 1; i < 10; ++i) {
x += i;
if (x % 2 == 0)
break;
}
0
1
2
4
6
var a = [1, 2, 3, 4];
Каково значение a[3]?
0
3
4
null
undefined
function Rect(a, b) {
this.len = a;
this.wid = b;
}
var r1 = new Rect(3, 4);
Чем является функция Rect по отношению к r1?
прототип
конструктор
функция-обработчик
модель
родительский объект
...
<div style="border:solid 1px #000;">
<div id="test">test</div>
</div>
...
Квкой код делает цвет рамки внешнего раздела (div) синим в любом браузере?
document.getElementById('test').style.borderColor = 'Blue';
document.getElementById('test').parentNode.style.borderColor = 'Blue';
document.getElementById('test').parentElement.style.borderColor = 'Blue';
document.getElementById('test').parent.style.borderColor = 'Blue';
document.parentNode.getElementById('test').style.borderColor = 'Blue';
Какая инструкция используется для создания нового элемента (например, div) в Internet Explorer 8?
var oDiv = document.createElement("div");
var oDiv = new Element("div");
var oDiv = new Div();
var oDiv = newElement("div");
новый элемент может быть добавлен только в редакторе
Рассчитайте значение переменной x
var x = 0, i = 0;
do {
if (i % 2)
continue;
x += i;
} while (i++ < 10);
0
20
30
45
25
Какие элементы входят в коллекцию anchors объекта document?
все гиперссылки
гиперссылки, имеющие атрибут href
гиперссылки, имеющие атрибуты href и id
гиперссылки, имеющие атрибут id
гиперссылки, добавленные в коллекцию anchors программно
...
<body>
<div id="test" style="color:Red">Test</div>
<script type="text/javascript">
document.getElementsByName('test').style.color = 'Blue';
</script>
</body>
...
Каким цветом будет выведен текст "Test" на экране?
Красным
Синим
Черным
Не будет выведен из-за ошибки
Белым
Какой из параметров имеет одинаковое (не ошибочное) значение в Internet Explorer, Mozilla Firefox и Apple Safari?
window.userAgent
navigator.appCodeName
explorer.codeVersion
browser.subVersion
все браузеры разные
Выберите истинное утверждение о cookie
Cokie являются средством поддержания диалога между Веб сервером и браузером
Cookie хранятся в виде двоичного файла
Срок годности cookie не может превышать 20 минут
пользователь не может запретить использование cookie
JavaScript имеет специальные функции для работы с cookie
Выберите истинное утверждение о cookie
Cookie хранятся на сервере
Cookie отправляются только на тот сервер, которым они установлены
Cookie отпраляются на любой сервер с каждым запросом
Cookie доступны только на Веб сервере
Cookie с неустановленным сроком годности хранятся вечно
<div id="test"><img id="logo" src="test.png"></div>
<script type="text/javascript">
var oImg = document.getElementById("logo");
var oDiv = document.getElementById("test");
?
</script>
Какая инструкция должна быть использована на месте знака вопроса (?) для удаления изображения oImg из секции oDiv?
oDiv.images.delete(oImg);
oImg.delete();
oDiv.removeElement(oImg);
oDiv.removeChild(oImg);
document.removeElement(oDiv, oImg);
Какое из имен переменных является допустимым в JavaScript?
Stive&Barton
For
var
3piglets
point*
Рассчитайте значение переменной b
var a = '3';
var b = a + 1;
4
31
undefined
null
NaN
Какой результат выведет следующий код?
function test(x, y) {
return x + y;
}
var x = test(1, 2, 3, 4);
document.write(test.length);
(пустая строка)
0
2
3
4
Имеется следующий HTML-фрагмент:
HTML
CSS
Javascript
Будут ли слова расположены на разных строках при просмотре документа в браузере?
да
да, если вставить между ними <![CDATA[<br />]]>
да, если заключить весь фрагмент в <![CDATA[<pre> ... </pre>]]>
да, если заключить каждое слово в элемент span
да, если заключить каждое слово в элемент p
var a = new Array(-1);
Какова длина (свойство length) массива a?
-1
0
1
2
undefined
<style type="text/css">
div {color:red;}
.div {color:green;}
#div {color:blue;}
</style>
...
<div id="div">
Test
</div>
Каким цветом будет выведен текст Test?
красным
зеленым
синим
черным
зависит от браузера
1. <h1>Глава 1</h1>
2. <p>Абзац 1</p>
3. <p>Абзац 2</p>
На какие строки действует селектор h1 + p?
1
2
2 и 3
все
ни на одну
Какая может быть разметка у следующей таблицы?
<table>
<tr>
<td rowspan="2">1 </td>
<td>2 </td>
</tr>
<tr>
<td>3 </td>
</tr>
</table>
<table>
<tr>
<td colspan="2">1 </td>
</tr>
<tr>
<td>2 </td>
<td>3 </td>
</tr>
</table>
<table>
<tr>
<td rowspan="2">1 </td>
</tr>
<tr>
<td>2 </td>
<td>3 </td>
</tr>
</table>
Какое из имен переменных является недопустимым в JavaScript?
x
var
_1
<style type="text/css">
a:link {color:red;}
a:visited {color:green;}
a:active {color:yellow;}
a:hover {color:blue;}
</style>
...
<a href="http://www.microsoft.com">Microsoft.com</a>
Какого цвета будет гиперссылка в момент щелчка мыши?
красного
черного
зеленого
желтого
синего
function Rect(a, b) {
this.len = a;
this.wid = b;
}
var r1 = new Rect(3, 4);
Что является конструктором функции Rect?
null
object Function
object Object
function Rect
function Functio
<style type="text/css">
div {color:red;}
.div {color:green;}
#div {color:blue;}
</style>
...
<div class="div">
Test
</div>
Каким цветом будет выведен текст Test?
зависит от браузера
зеленым
черным
красным
синим
<style type="text/css">
a:visited {color:green;}
a:link {color:red;}
a:active {color:yellow;}
</style>
...
<a href="http://www.microsoft.com">Microsoft.com</a>
Какого цвета будет гиперссылка при наведении на нее мыши?
синего
черного
желтого
красного
зеленого
Какая может быть разметка у следующей таблицы?
<table>
<tr columns="1">
<td>1 </td>
</tr>
<tr>
<td>2 </td>
<td>3 </td>
</tr>
</table>
<table>
<tr>
<td colspan="2">1 </td>
</tr>
<tr>
<td>2 </td>
<td>3 </td>
</tr>
</table>
<table>
<tr>
<td rowspan="2">1 </td>
</tr>
<tr>
Вы можете обратится к нам напрямую, через:
По Skype: molodoyberkut
По Telegram: @MolodoyBerkut
По ICQ: 657089516
Или через форму обратной связи на нашем сайте
По Skype: molodoyberkut По Telegram: @MolodoyBerkut По ICQ: 657089516Или через форму обратной связи на нашем сайте
Пока сочиняется...
Экзамен "Введение в современные веб-технологии" для пользователей и системных администраторов.
