Ответы на курс: Введение в современные веб-технологии
Какие форматы изображений поддерживают сжатие регулируемой глубины?
|
GIF и JPEG |
|
JPEG и PNG |
|
PNG и GIF |
Какая может быть разметка у следующей таблицы?
|
<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>
|
Какие из перечисленных единиц измерения являются относительными?
|
pt |
|
mm |
|
px |
|
em |
<a href="#">
<img src="pic.png" alt="go" />
</a>
Что является атрибутом элемента-якоря?
|
img |
|
href |
|
# |
|
a |
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 |
<style type="text/css">
div {color:red;}
.div {color:green;}
#div {color:blue;}
</style>
...
<div id="div">
Test
</div>
Каким цветом будет выведен текст Test?
|
черным |
|
зеленым |
|
зависит от браузера |
|
красным |
|
синим |
Имеется следующий HTML-фрагмент:
<p align=right style="text-align:left;">Hello</p>
Браузер выравнивает абзац по левому краю. Почему?
|
в случае конфликта стилевых правил браузер применяет настройки по умолчанию |
|
значение атрибута align записано без кавычек, и браузер игнорирует его |
|
атрибут align имеет нулевую стилевую специфичность, а style — большую |
<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, styles2 и styles3 |
|
только первый (styles1) |
|
все |
|
только последний (styles4) |
|
styles1 и styles3 |
Выберите верные утверждения о XML.
|
этот язык в настоящее время практически не используется |
|
он определяет формальные правила разметки для любых целей |
|
XHTML-документ является XML-документом |
|
всякий HTML-документ является XML-документом |
Какие из перечисленных элементов являются блочными?
Какие из перечисленных элементов используются для логического форматирования?
|
span |
|
em |
|
b |
|
strong |
|
small |
<style type="text/css">
div {color:red;}
.div {color:green;}
#div {color:blue;}
</style>
...
<div class="div">
Test
</div>
Каким цветом будет выведен текст Test?
|
синим |
|
черным |
|
красным |
|
зеленым |
|
зависит от браузера |
Выберите верные утверждения о CSS.
|
он призван отделить представление от содержания HTML-документа |
|
CSS-код может быть размещен в отдельном файле |
|
не все совеременные браузеры поддерживают CSS |
<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 |
Как можно горизонтально центрировать блочный элемент?
|
задать css-свойство align:center; |
|
только при помощи абсолютного позиционирования |
|
задать ширину и автоматические горизонтальные отступы |
Требуется разместить изображение в правом верхнем углу текстового блока. Какое позиционирование можно применить к изображению?
|
фиксированное |
|
относительное |
|
абсолютное |
Имеется следующая разметка.
<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-свойство overflow:hidden; |
|
да, если убрать у обеих секций css-свойство clear: both; |
|
да. |
имеется следующее изображение, используемое в качестве ролловера: использующая его веб-страница выглядит следующим образом (вторая ссылка активна, а над третьей находится курсор): какие стилевые правила применены к гиперссылкам?
|
a:hover { background-position: -27px 0; } a:active { background-position: -54px 0; } |
|
a:hover { background-position: -54px 0; } a:active { background-position: -27px 0; } |
|
a:hover { background-position: 0 -27px; } a:active { background-position: 0 -54px; } |
|
a:hover { background-position: 0 -54px; } a:active { background-position: 0 -27px; } |
Какую разметку может иметь следующая таблица:
|
<table>
<tr>
<td>1 </td>
<td>2 </td>
</tr>
<tr>
<td>3 </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>
|
|
<table>
<tr>
<td>1 </td>
<td>3 </td>
</tr>
<tr>
<td>2 </td>
<td>4 </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);
Как она будет выглядеть?
...
<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»; |
<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); |
|
document.removeElement(oDiv, oImg); |
|
oDiv.removeElement(oImg); |
|
oDiv.removeChild(oImg); |
|
oImg.delete(); |
Какое из имен переменных является допустимым в JavaScript?
|
point* |
|
var |
|
Tor |
|
Stive&Barton |
|
3piglets |
Рассчитайте значение переменной b
var a = '3';
var b = a + 1;
|
4 |
|
null |
|
undefined |
|
31 |
|
NaN |
Рассчитайте значение переменной b
var a;
var b = a + 1;
|
NaN |
|
null |
|
undefined |
|
1 |
|
0 |
Какие объекты входят в коллекцию images объекта document?
|
изображаения, имеющие атрибуты src и id |
|
все элементы img |
|
изображаения, добавленные в коллекцию images программно |
|
изображаения, имеющие атрибут src |
|
любые графические объекты |
Добавить комментарий
Для отправки комментария вы должны авторизоваться.