Главная / Интернет-технологии / Введение в современные веб-технологии

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

Правильные ответы выделены зелёным цветом.
Все ответы: Базовый курс веб-технологий предназначен для освоения основ HTML, CSS и Javascript. Не описывая всех возможностей, заложенных в эти языки, курс охватывает необходимый и достаточный базис для построения эффективных HTML-документов в соответствии с действующими стандартами.

Смотрите также:

Программирование

В текст вставлен элемент img с минимальным набором атрибутов. Каким образом может выглядеть изображение?

(1)

(2)

(3)

Какое из имен переменных является допустимым в JavaScript?

(1) Stive&Barton

(2) Tor

(3) var

(4) 3piglets

(5) point*

(1) только первый (styles1)

(2) styles1, styles2 и styles3

(3) styles1 и styles3

(4) все

(5) только последний (styles4)

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

(1) GIF и JPEG

(2) JPEG и PNG

(3) PNG и GIF

Рассчитайте значение переменной b var a; var b = a + 1;

(1) NaN

(2) 1

(3) 0

(4) undefined

(5) null

(1) красным

(2) зеленым

(3) синим

(4) черным

(5) зависит от браузера

Если для элемента img заданы оба свойства width и height, то:

(1) соотношение ширины и высоты изображения будет сохранено браузером в любом случае

(2) >масштаб, возможно, будет увеличен, но это приведет к существенной потере качества изображения

(3) масштаб, возможно, будет уменьшен, но это приведет к существенной потере качества изображения

Рассчитайте значение переменной x var x = 0, i = 0; do { if (i % 2) continue; x += i; } while (i++ < 10);

(1) 0

(2) 20

(3) 30

(4) 45

(5) 25

(1) красного

(2) зеленого

(3) синего

(4) желтого

(5) черного

Имеется следующая разметка. <style type="text/css"> img { float: right; } div { background-color: Yellow; clear: both; margin: 3px 0; padding: 3px; } </style> <div> <img data-src="flower1.jpg" alt="flower" /> Это первое изображение. </div> <div> <img data-src="flower2.jpg" alt="flower" /> Это второе изображение. </div> Будут ли изображения окружены желтым фоном со всех сторон?

(1) да.

(2) да, если убрать у обеих секций css-свойство clear: both;

(3) да, если добавить обеим секциям css-свойство overflow:hidden;

Какой результат выведет следующий код? function test(n) { return n ? n + test(n - 1) : 0; } document.write(test(3));

(1) 0

(2) 3

(3) 6

(4) (Пустая строка)

(5) ошибка. Код зависнет

(1) только 1

(2) только 2

(3) обе

(4) ни одна

(5) зависит от браузера

имеется следующее изображение, используемое в качестве ролловера: files

использующая его веб-страница выглядит следующим образом (вторая ссылка активна, а над третьей находится курсор): files

какие стилевые правила применены к гиперссылкам?

(1)


a:hover {
background-position: -54px 0;
}
a:active {
background-position: -27px 0;
}

(2)


a:hover {
background-position: 0 -54px;
}
a:active {
background-position: 0 -27px;
}

(3)


a:hover {
background-position: -27px 0;
}
a:active {
background-position: -54px 0;
}

(4)


a:hover {
background-position: 0 -27px;
}
a:active {
background-position: 0 -54px;
}

var a = new Array(-1); Какова длина (свойство length) массива a?

(1) -1

(2) 0

(3) 1

(4) 2

(5) undefined

<div> 1. test 1 2. <div>test 2</div> 3. <div>test 3</div> </div> На какие строки действует селектор div > div?

(1) 1

(2) 2

(3) 2 и 3

(4) все

(5) ни на одну

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

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

(1) добавлением css-свойства margin:0; к ячейкам

(2) добавлением атрибута cellpadding="0" к таблице

(3) добавлением css-свойства border-collapse:collapse; к таблице

function Rect(a, b) { this.len = a; this.wid = b; } var r1 = new Rect(3, 4); Что является конструктором функции Rect?

(1) function Rect

(2) function Function

(3) object Object

(4) object Function

(5) null

(1) #ff0000 (красный)

(2) #0000ff (синий)

(3) #00ff00 (зеленый)

(4) #000000 (черный)

(5) #ffffff (белый)

Выберите верные утверждения об элементе tbody:

(1) этот элемент является устаревшим и не рекомендуется к использованию

(2) наличие элемента tbody в таблице необходимо согласно стандарту

(3) элементов tbody в таблице может быть несколько

(4) элемент tbody объединяет строки в группы

Какой из параметров имеет одинаковое (не ошибочное) значение в Internet Explorer, Mozilla Firefox и Apple Safari?

(1) window.userAgent

(2) navigator.appCodeName

(3) explorer.codeVersion

(4) browser.subVersion

(5) все браузеры разные

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

(1) b

(2) small

(3) span

(4) em

(5) strong

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

(1) 1 2 1 3 4 5 6 ]]>

(2) 1 2 3 4 5 6 ]]>

(3) 1 2 3 4 5 6 ]]>

Какие объекты входят в коллекцию images объекта document?

(1) все элементы img

(2) изображаения, имеющие атрибут src

(3) изображаения, имеющие атрибуты src и id

(4) изображаения, добавленные в коллекцию images программно

(5) любые графические объекты

Что из перечисленного является необходимыми HTML-элементами в стандартном документе HTML 4.01?

(1) encoding

(2) head

(3) meta

(4) body

(5) html

(6) authors

(7) title

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

(1)

1	2	3
4	5	6
7	8	9

(2)

1	2	3
2	4	6
3	6	9

(3)

2	3	4
3	4	5
4	5	6

Выберите истинное утверждение о cookie

(1) Cookie являются разновидностью компьютерных вирусов

(2) Cookie с неустановленным сроком годности удаляются при переходе на другую страницу

(3) пользователь не может удалить cookie

(4) Cookie с неустановленным сроком годности удаляются при закрытии браузера

(5) размер cookie неограничен

Выберите верные утверждения о CSS.

(1) он призван отделить представление от содержания HTML-документа

(2) CSS-код может быть размещен в отдельном файле

(3) не все совеременные браузеры поддерживают CSS

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

(1) для его применения используется значение css-свойства position: float;

(2) плавающие элементы должны быть позиционированы статически

(3) при многоколоночной верстке колонки обычно снабжаются свойством float:left и указанием ширины, а также отступа и поля

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

... <body> <div id="test" style="color:Red">Test</div> <script type="text/javascript"> document.getElementsByName('test').style.color = 'Blue'; </script> </body> ... Каким цветом будет выведен текст "Test" на экране?

(1) красным

(2) синим

(3) черным

(4) не будет выведен из-за ошибки

(5) белым

Какой HTML-элемент подходит для выделения фрагмента текста моноширинным шрифтом (без дополнительных css-правил)?

(1) em

(2) b

(3) code

(4) tt

(5) kbd

Как можно горизонтально центрировать блочный элемент?

(1) задать css-свойство align:center;

(2) только при помощи абсолютного позиционирования

(3) задать ширину и автоматические горизонтальные отступы

... <div> <div>Test 1</div> <div id="test">Test 2</div> </div> ... Какой код работает только в Internet Explorer?

(1) document.getElementById("test").parentNode.style.color = "red";

(2) document.getElementById("test").parent.style.color = "red";

(3) document.getElementById("test").parentElement.style.color = "red";

(4) document.all("test").parent.style.color = "red";

(5) document.all("test").divs[1].style.color = "red";

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

(1) элемент списка может содержать только текст

(2) элемент li должен быть погружен в ul или ol

(3) элементы ol и ul могут быть вложены в li

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

(1) абсолютное

(2) относительное

(3) статическое + float

<div id="test"><img id="logo" data-src="test.png"></div> <script type="text/javascript"> var oImg = document.getElementById("logo"); var oDiv = document.getElementById("test"); ? </script> Какая инструкция должна быть использована на месте знака вопроса (?) для удаления изображения oImg из секции oDiv?

(1) oDiv.images.delete(oImg);

(2) oImg.delete();

(3) oDiv.removeElement(oImg);

(4) oDiv.removeChild(oImg);

(5) document.removeElement(oDiv, oImg);

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

(1) mm

(2) pt

(3) px

(4) em

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

(1) GIF и JPEG

(2) JPEG и PNG

(3) PNG и GIF

Рассчитайте значение переменной b var a = 2; var b = 2 * ++a;

(1) 4

(2) 6

(3) 8

(4) NaN

(5) ошибка

(1) красным

(2) зеленым

(3) синим

(4) черным

(5) зависит от браузера

Атрибуты width и height элемента img:

(1) всегда обязательны

(2) рекомендуется опускать, поскольку браузер сам определит правильный размер

(3) рекомендуется указывать тем или иным образом, чтобы избежать лишних запросов к веб-серверу в ряде случаев

(4) указываются только в том случае, если изображение должно быть масштабировано

Рассчитайте значение переменной x var x = 0; for (var i = 1; i < 10; ++i) { x += i; if (x % 2 == 0) break; }

(1) 0

(2) 1

(3) 2

(4) 4

(5) 6

(1) красного

(2) зеленого

(3) синего

(4) желтого

(5) черного

(1) одно

(2) два

(3) ни одного

Какой результат выведет следующий код? function test(x, y) { return x + y; } var x = test(1, 2, 3, 4); document.write(test.length);

(1) (пустая строка)

(2) 0

(3) 2

(4) 3

(5) 4

(1) только 1

(2) только 2

(3) обе

(4) ни одна

(5) зависит от браузера

(1) 100*100 px в левом верхнем углу

(2) 100*100 px в центре

(3) зависит от выбранного клиентом масштаба

(4) вся

var a = new Array(); a[5] = 4; Какова длина (свойство length) массива a?

(1) 0

(2) 1

(3) 4

(4) 5

(5) 6

Имеется таблица, к которой не применено никаких css-правил: Фамилия Телефон Иванов 9094567 Петров 9045732 ]]> Какие границы будут иметь ячейки таблицы?

(1) никаких

(2) сплошные

(3) двойные

function Rect(a, b) { this.len = a; this.wid = b; } var r1 = new Rect(3, 4); Чем является функция Rect по отношению к r1?

(1) прототип

(2) конструктор

(3) функция-обработчик

(4) модель

(5) родительский объект

(1) 200px

(2) 300px

(3) 250px

(4) 500px

(5) полная ширина окна

Как правильно разместить заголовок таблицы?

(1) Заголовок таблицы

1	3
2	4

]]>

(2) Заголовок таблицы 1 3 2 4 ]]>

(3) Заголовок таблицы 1 3 2 4 ]]>

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

(1) browser

(2) navigator

(3) userAgent

(4) userBrowser

(5) explorer

Какие из перечисленных элементов являются блочными?

(1) h1

(2) p

(3) span

(4) ul

(5) div

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

(1) 1 2 3 ]]>

(2) 1 2 3 ]]>

(3) 1 2 3 ]]>

Какое из свойств объекта document не является коллекцией?

(1) links

(2) forms

(3) all

(4) cookie

(5) images

<a href="#"> <img data-src="pic.png" alt="go" /> </a> Что является атрибутом элемента-якоря?

(1) a

(2) href

(3) #

(4) img

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

(1)

1	2	3
4	5	6
7	8	9

(2)

1	2	3
2	4	6
3	6	9

(3)

2	3	4
3	4	5
4	5	6

Выберите истинное утверждение о cookie

(1) Cookie хранятся на сервере

(2) Cookie отправляются только на тот сервер, которым они установлены

(3) Cookie отпраляются на любой сервер с каждым запросом

(4) Cookie доступны только на Веб сервере

(5) Cookie с неустановленным сроком годности хранятся вечно

Выберите верные утверждения о XML.

(1) этот язык в настоящее время практически не используется

(2) он определяет формальные правила разметки для любых целей

(3) всякий HTML-документ является XML-документом

(4) XHTML-документ является XML-документом

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

(1) браузер размещает элементы в их контейнерах слева направо, затем сверху вниз, начиная с контейнера body

(2) невозможно манипулировать позицией блока по горизонтали и вертикали

(3) невозможно разместить два блока, смежных по горизонтали

... <body> <div id="test" style="color:Red">Test</div> <script type="text/javascript"> document.getElementById('test').style.color = 'Blue'; </script> </body> ... Каким цветом будет выведен текст "Test" на экране?

(1) красным

(2) синим

(3) черным

(4) не будет выведен из-за ошибки

(5) белым

Какой HTML-элемент подходит для выделения фрагмента текста полужирным начертанием (без дополнительных css-правил)?

(1) em

(2) b

(3) span

(4) strong

(5) q

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

(1) абсолютное позиционирование блока часто применяется в сочетании с относительным позиционированием контейнера

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

(3) относительно позиционированный элемент выбрасывается из нормального потока

... <div style="border:solid 1px #000;"> <div id="test">test</div> </div> ... Какой код делает цвет рамки внешнего раздела (div) синим в любом браузере?

(1) document.getElementById('test').style.borderColor = 'Blue';

(2) document.getElementById('test').parentNode.style.borderColor = 'Blue';

(3) document.getElementById('test').parentElement.style.borderColor = 'Blue';

(4) document.getElementById('test').parent.style.borderColor = 'Blue';

(5) document.parentNode.getElementById('test').style.borderColor = 'Blue';

Имеется следующий HTML-фрагмент: HTML CSS Javascript Будут ли слова расположены на разных строках при просмотре документа в браузере?

(1) да

(2) да, если вставить между ними <br />

(3) да, если заключить весь фрагмент в <pre> .../pre>>

(4) да, если заключить каждое слово в элемент span

(5) да, если заключить каждое слово в элемент p

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

(1) абсолютное

(2) относительное

(3) статическое + float

Какая инструкция используется для создания нового элемента (например, div) в Internet Explorer 8?

(1) var oDiv = document.createElement("div");

(2) var oDiv = new Element("div");

(3) var oDiv = new Div();

(4) var oDiv = newElement("div");

(5) новый элемент может быть добавлен только в редакторе

Имеется следующий HTML-фрагмент: <p align=right style="text-align:left;">Hello</p> Браузер выравнивает абзац по левому краю. Почему?

(1) значение атрибута align записано без кавычек, и браузер игнорирует его

(2) атрибут align имеет нулевую стилевую специфичность, а style - большую

(3) в случае конфликта стилевых правил браузер применяет настройки по умолчанию

Какое из имен переменных является недопустимым в JavaScript?

(1) x

(2) obj

(3) Var

(4) _1

(5) 3piglets

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

(2) 1, 3 и 4

(3) 2 и 4

(4) 1 и 4

(5) только 4

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

(1) GIF

(2) JPEG

(3) PNG

Рассчитайте значение переменной b var a = '3'; var b = a + 1;

(1) 4

(2) 31

(3) undefined

(4) null

(5) NaN

(1) красным

(2) зеленым

(3) синим

(4) черным

(5) зависит от браузера

Имеет ли смысл одновременное указание свойств width и min-width для элемента img?

(1) да, поскольку браузеры нарушают значение width при масштабировании страниц, а min-width стремятся соблюсти

(2) нет

(3) да, если одно из этих свойств задано в процентных единицах, а другое - нет

Рассчитайте значение переменной x var x = 0, i = 0; while (++i % 3) x += i;

(1) 0

(2) 1

(3) 2

(4) 3

(5) 6

(1) красного

(2) зеленого

(3) синего

(4) желтого

(5) черного

Имеется следующая разметка. <style type="text/css"> img { float: right; } </style> ... <img data-src="flower1.jpg" alt="flower" /> <p>Это первое изображение.</p> <img data-src="flower2.jpg" alt="flower" /> <p>Это второе изображение.</p> Как избежать обтекания вторым изображением первого?

(1) применить css-свойство clear:both; к первому изображению

(2) применить css-свойство clear:both; ко второму изображению

(3) упаковать каждую пару изображение-текст в отдельный контейнер div

Какой результат выведет следующий код? function test(x, y) { document.write(arguments.length); return x + y; } var x = test(1, 2, 3, 4);

(1) ошибка

(2) (Пустая строка)

(3) 2

(4) 4

(5) 10

(1) только 1

(2) только 2

(3) обе

(4) ни одна

(5) зависит от браузера

Требуется разместить вдоль внутренних вертикальных границ контейнера div фоновое изображение (а середину оставить без заполнения). Какие варианты дадут верный результат?

(1) создать два стилевых правила, одно из которых повторит фон вдоль левой границы, а другое - вдоль правой (при помощи свойств background-position и background-repeat) и применить оба эти правила к контейнеру

(2) создать те же правила, но второе применить ко вложенной секции

(3) заполнить контейнер текстурой полностью и вложить в него секцию с белым фоном и горизонтальными отступами

var a = [1, 2, 3, 4]; Каково значение a[3]?

(1) 0

(2) 3

(3) 4

(4) null

(5) undefined

1. <h1>Глава 1</h1> 2. <p>Абзац 1</p> 3. <p>Абзац 2</p> На какие строки действует селектор h1 + p?

(1) 1

(2) 2

(3) 2 и 3

(4) все

(5) ни на одну

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

(1) <table> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>3 </td> <td>4 </td> </tr> </table>

(2) <table> <tr> <td>1 </td> <td>3 </td> </tr> <tr> <td>2 </td> <td>4 </td> </tr> </table>

(3) <table columns="2"> <td>1 </td> <td>2 </td> <td>3 </td> <td>4 </td> </table>

(4) <table columns="2"> <td>1 </td> <td>3 </td> <td>2 </td> <td>4 </td> </table>

function Rect(a, b) { this.len = a; this.wid = b; } var r1 = new Rect(3, 4); Что являяется прототипом функции Rect?

(1) function Rect

(2) function Function

(3) object Object

(4) object Function

(5) null

... <td style="width:300px" width="200px">test</td> ... Какова ширина ячейки?

(1) 200px

(2) 300px

(3) 250px

(4) 500px

(5) определяется содержимым

Выберите верные утверждения об элементах thead и tfoot:

(1) эти элементы являются устаревшими и не рекомендуются к использованию

(2) в таблице может быть не более одного элемента thead и не более одного tfoot

(3) thead и tfoot являются колонтитулами, которые для многостраничных таблиц повторяются некоторыми браузерами на каждой странице

В каком параметре дублируется информация о браузере, направляемая на Веб сервер?

(1) navigator.userAgent

(2) explorer.version

(3) browser.code

(4) эта информация недоступна в браузере

(5) браузер не направляет никакой информации на сервер

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

(1) h1

(2) p

(3) span

(4) em

(5) table

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

(1) 1 2 3 ]]>

(2) 1 2 3 ]]>

(3) 1 2 3 ]]>

Какие элементы входят в коллекцию anchors объекта document?

(1) все гиперссылки

(2) гиперссылки, имеющие атрибут href

(3) гиперссылки, имеющие атрибуты href и id

(4) гиперссылки, имеющие атрибут id

(5) гиперссылки, добавленные в коллекцию anchors программно

Выберите верные утверждения о тэгах HTML.

(1) тэги всегда заключаются в угловые скобки

(2) закрывающий тэг не может содержать атрибутов

(3) открывающий тэг может одновременно являться закрывающим

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

(1)

1	2	3
4	5	6
7	8	9

(2)

1	2	3
2	4	6
3	6	9

(3)

2	3	4
3	4	5
4	5	6

Выберите истинное утверждение о cookie

(1) Cokie являются средством поддержания диалога между Веб сервером и браузером

(2) Cookie хранятся в виде двоичного файла

(3) Срок годности cookie не может превышать 20 минут

(4) пользователь не может запретить использование cookie

(5) JavaScript имеет специальные функции для работы с cookie

Выберите верные утверждения о XHTML.

(1) XHTML требует, чтобы все значения атрибутов были заключены в кавычки

(2) в XHTML значение обязательно для каждого атрибута

(3) каждый тег, содержащий другой тег или другое содержимое, должен иметь закрывающий тег

(4) XHTML-документ является XML-документом

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

(1) оно применяется по умолчанию

(2) позиция элемента должна быть указана относительно окна

(3) абсолютно позиционированный элемент выбрасывается из нормального потока

(4) абсолютная позиция отсчитывается от первого блока в ряду контейнеров, который имеет позиционирование absolute, relative или fixed

... <body> <script type="text/javascript"> document.getElementById('test').style.color = 'Blue'; </script> <div id="test" style="color:Red">Test</div> </body> ... Каким цветом будет выведен текст "Test" на экране?

(1) красным

(2) синим

(3) черным

(4) не будет выведен из-за ошибки

(5) белым

Какой HTML-элемент подходит для выделения фрагмента текста курсивом (без дополнительных css-правил)?

(1) em

(2) b

(3) span

(4) strong

(5) i

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

(1) оно удаляет элемент из нормального потока HTML

(2) оно не работает в Internet Explorer версий 6 и ниже

(3) для его применения используется значение css-свойства position: fixed;

... <div id="test"> <div>Test 1</div> <div>Test 2</div> </div> ... Каким способом доступиться до раздела, содержащего текст "Test 2" в любом браузере?

(1) document.getTextNode('Test 2')

(2) document.getElementById('test').childNodes[1]

(3) document.getElementById('test').children[2]

(4) document.getElementById('test')[2]

(5) document.getElementById('test').children[1]

Выберите верные утверждения об элементах div и p.

(1) во многих случаях они взаимозаменимы

(2) абзац можно поместить в секцию

(3) секцию можно поместить в абзац

(4) секция не выполняет логического форматирования, в отличие от абзаца

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

(1) абсолютное

(2) относительное

(3) фиксированное

<div id="test"></div> <script type="text/javascript"> var oImg = new Image(); oImg.data-src="logo.png"; var oDiv = document.getElementById("test"); ? </script> Какая инструкция должна быть использована на месте знака вопроса (?) для вставки изображения oImg в секцию oDiv?

(1) oDiv.src = oImg;

(2) oDiv.appendChild(oImg);

(3) oDiv.innerHTML = oImg;

(4) oImg.insertInto(oDiv);

(5) oDiv.images.add(oImg);

Имеется следующий HTML-фрагмент: <div style="color: Red; border:1px solid; padding:5px;"> <p>Абзац</p> <a href="#">Гиперссылка</a> <h4>Заголовок</h4> <span style="color: Green;">текстовый фрагмент</span> </div> Какие элементы будут отображены красным цветом?

(1) рамка секции

(2) фон секции

(3) абзац

(4) гиперссылка

(5) заголовок

(6) текстовый фрагмент

Какое из имен переменных является недопустимым в JavaScript?

(1) x

(2) var

(3) _1

(1) только первый (styles1)

(2) styles1, styles2 и styles3

(3) styles1 и styles3

(4) все

(5) только последний (styles4)