Внимание ! Вопросы к тесту выложены исключительно в ознакомительных целях: количество вопросов может не совпадать с действительным, актуальность не поддерживается,- за решением теста 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? красным зеленым синим черным зависит от браузера
Какие из перечисленных элементов используются для логического форматирования?
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, 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 обе ни одна зависит от браузера
Какие из перечисленных элементов являются строчными?
всегда обязательны рекомендуется опускать, поскольку браузер сам определит правильный размер рекомендуется указывать тем или иным образом, чтобы избежать лишних запросов к веб-серверу в ряде случаев указываются только в том случае, если изображение должно быть масштабировано
<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 объединяет строки в группы
Требуется разместить изображение в правом верхнем углу текстового блока. Какое позиционирование можно применить к изображению?
абсолютное относительное фиксированное
Таблица генерируется динамически посредством следующего сценария: 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 с минимальным набором атрибутов. Каким образом может выглядеть изображение?
не разрывать строки разрывать строку обтекаться текстом
Как избежать обтекания вторым изображением первого?
применить 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; только при помощи абсолютного позиционирования задать ширину и автоматические горизонтальные отступы
Если для элемента img заданы оба свойства width и height, то:
соотношение ширины и высоты изображения будет сохранено браузером в любом случае >масштаб, возможно, будет увеличен, но это приведет к существенной потере качества изображения масштаб, возможно, будет уменьшен, но это приведет к существенной потере качества изображения
имеется следующее изображение, используемое в качестве ролловера: использующая его веб-страница выглядит следующим образом (вторая ссылка активна, а над третьей находится курсор): какие стилевые правила применены к гиперссылкам?
Имеется таблица, к которой не применено никаких 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 если суммарная ширина всех плавающих колонок превысит ширину контейнера, то браузер добавит в этот контейнер горизонтальную полосу прокрутки
Требуется центрировать блок по вертикали. Какое позиционирование следует применить к нему?
Выберите верные утверждения об элементах thead и tfoot:
эти элементы являются устаревшими и не рекомендуются к использованию в таблице может быть не более одного элемента thead и не более одного tfoot thead и tfoot являются колонтитулами, которые для многостраничных таблиц повторяются некоторыми браузерами на каждой странице
Выберите верные утверждения о фиксированном позиционировании:
оно удаляет элемент из нормального потока 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" в любом браузере?
<div id="test"></div> <script type="text/javascript"> var oImg = new Image(); oImg.src="logo.png"; var oDiv = document.getElementById("test"); ? </script> Какая инструкция должна быть использована на месте знака вопроса (?) для вставки изображения oImg в секцию oDiv?
Рассчитайте значение переменной 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) синим в любом браузере?
Какая инструкция используется для создания нового элемента (например, 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?
Какое из имен переменных является допустимым в 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?
Какого цвета будет гиперссылка в момент щелчка мыши?
красного черного зеленого желтого синего
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> Какого цвета будет гиперссылка при наведении на нее мыши?