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

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

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

Список вопросов:

# В текст вставлен элемент img с минимальным набором атрибутов. Каким образом может выглядеть изображение?
# Какие форматы изображений поддерживают сжатие регулируемой глубины?
# Какой формат изображений поддерживают анимацию?
# Какие форматы изображений поддерживают прозрачность?
# Атрибуты width и height элемента img:
# Имеет ли смысл одновременное указание свойств width и min-width для элемента img?
# Если для элемента img заданы оба свойства width и height, то:
# <style type="text/css"> img { float: right; } </style> ... <img data-src="flower1.jpg" alt="flower" /> <img data-src="flower2.jpg" alt="flower" /> Hello! Сколько изображений будет в одной строке со словом Hello?
# Имеется следующая разметка. <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> Как избежать обтекания вторым изображением первого?
# Имеется следующая разметка. <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> Будут ли изображения окружены желтым фоном со всех сторон?
# <style type="text/css"> body { background-image title="": url(Texture.jpg); } </style> Размер изображения Texture.jpg - 100*100 px. Какая площадь будет занята изображением на веб-странице?
# Требуется разместить вдоль внутренних вертикальных границ контейнера div фоновое изображение (а середину оставить без заполнения). Какие варианты дадут верный результат?
# имеется следующее изображение, используемое в качестве ролловера: [Большая Картинка] использующая его веб-страница выглядит следующим образом (вторая ссылка активна, а над третьей находится курсор): [Большая Картинка] какие стилевые правила применены к гиперссылкам?
# Имеется таблица, к которой не применено никаких css-правил: Какие границы будут иметь ячейки таблицы?
# Какую разметку может иметь следующая таблица: [Большая Картинка]
# Имеется следующая таблица: [Большая Картинка] Каким образом устраняется пространство между ячейками?
# Как правильно разместить заголовок таблицы?
# Выберите верные утверждения об элементах thead и tfoot:
# Выберите верные утверждения об элементе tbody:
# Какая может быть разметка у следующей таблицы? [Большая Картинка]
# Какая может быть разметка у следующей таблицы? [Большая Картинка]
# Какая может быть разметка у следующей таблицы? [Большая Картинка]
# Таблица генерируется динамически посредством следующего сценария: Как она будет выглядеть?
# Таблица генерируется динамически посредством следующего сценария: Как она будет выглядеть?
# Таблица генерируется динамически посредством следующего сценария: Как она будет выглядеть?
# Выберите верные утверждения о статическом позиционировании (нормальном потоке):
# Выберите верные утверждения об абсолютном позиционировании:
# Выберите верные утверждения о позиционировании на основе плавающих элементов:
# Выберите верные утверждения об относительном позиционировании:
# Выберите верные утверждения о фиксированном позиционировании:
# Как можно горизонтально центрировать блочный элемент?
# Требуется разместить на странице три блока текста, причем первый занимает всю ширину страницы, а остальные находятся под ним и делят страницу по ширине пополам. Какой способ позиционирования следует применить ко второму и третьему блоку?
# Требуется разместить изображение в правом верхнем углу текстового блока. Какое позиционирование можно применить к изображению?
# Требуется центрировать блок по вертикали. Какое позиционирование следует применить к нему?
# Какое из имен переменных является недопустимым в JavaScript?
# Какое из имен переменных является недопустимым в JavaScript?
# Какое из имен переменных является допустимым в JavaScript?
# Рассчитайте значение переменной b var a = 2; var b = 2 * ++a;
# Рассчитайте значение переменной b var a = '3'; var b = a + 1;
# Рассчитайте значение переменной b var a; var b = a + 1;
# Рассчитайте значение переменной x var x = 0; for (var i = 1; i < 10; ++i) { x += i; if (x % 2 == 0) break; }
# Рассчитайте значение переменной x var x = 0, i = 0; while (++i % 3) x += i;
# Рассчитайте значение переменной x var x = 0, i = 0; do { if (i % 2) continue; x += i; } while (i++ < 10);
# Какой результат выведет следующий код? function test(x, y) { return x + y; } var x = test(1, 2, 3, 4); document.write(test.length);
# Какой результат выведет следующий код? function test(x, y) { document.write(arguments.length); return x + y; } var x = test(1, 2, 3, 4);
# Какой результат выведет следующий код? function test(n) { return n ? n + test(n - 1) : 0; } document.write(test(3));
# var a = new Array(); a[5] = 4; Какова длина (свойство length) массива a?
# var a = [1, 2, 3, 4]; Каково значение a[3]?
# var a = new Array(-1); Какова длина (свойство length) массива a?
# function Rect(a, b) { this.len = a; this.wid = b; } var r1 = new Rect(3, 4); Чем является функция Rect по отношению к r1?
# function Rect(a, b) { this.len = a; this.wid = b; } var r1 = new Rect(3, 4); Что являяется прототипом функции Rect?
# function Rect(a, b) { this.len = a; this.wid = b; } var r1 = new Rect(3, 4); Что является конструктором функции Rect?
# Какое из свойств объекта window содержит информацию о браузере?
# В каком параметре дублируется информация о браузере, направляемая на Веб сервер?
# Какой из параметров имеет одинаковое (не ошибочное) значение в Internet Explorer, Mozilla Firefox и Apple Safari?
# Какое из свойств объекта document не является коллекцией?
# Какие элементы входят в коллекцию anchors объекта document?
# Какие объекты входят в коллекцию images объекта document?
# Выберите истинное утверждение о 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" на экране?
# ... <body> <script type="text/javascript"> document.getElementById('test').style.color = 'Blue'; </script> <div id="test" style="color:Red">Test</div> </body> ... Каким цветом будет выведен текст "Test" на экране?
# ... <body> <div id="test" style="color:Red">Test</div> <script type="text/javascript"> document.getElementsByName('test').style.color = 'Blue'; </script> </body> ... Каким цветом будет выведен текст "Test" на экране?
# ... <div style="border:solid 1px #000;"> <div id="test">test</div> </div> ... Какой код делает цвет рамки внешнего раздела (div) синим в любом браузере?
# ... <div id="test"> <div>Test 1</div> <div>Test 2</div> </div> ... Каким способом доступиться до раздела, содержащего текст "Test 2" в любом браузере?
# ... <div> <div>Test 1</div> <div id="test">Test 2</div> </div> ... Какой код работает только в Internet Explorer?
# Какая инструкция используется для создания нового элемента (например, div) в Internet Explorer 8?
# <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?
# <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. <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> Какие строки не содержат ошибок (отображают текст красным на желтом фоне)?
# <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" /> Какие таблицы стилей будут использоваться при просмотре в браузере по умолчанию?
# <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" /> Какие таблицы стилей будут использоваться при просмотре в браузере в любом случае?
# <style type="text/css"> div {color:red;} .div {color:green;} #div {color:blue;} </style> ... <div> Test </div> Каким цветом будет выведен текст Test?
# <style type="text/css"> div {color:red;} .div {color:green;} #div {color:blue;} </style> ... <div class="div"> Test </div> Каким цветом будет выведен текст Test?
# <style type="text/css"> div {color:red;} .div {color:green;} #div {color:blue;} </style> ... <div id="div"> Test </div> Каким цветом будет выведен текст Test?
# <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"> 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"> 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> Какого цвета будет гиперссылка в момент щелчка мыши?
# <style type="text/css"> div {color:black;} div.red {color:red;} </style> ... 1. <p class="red">test 1</p> 2. <div class="red">test 2</div> Какая из строк будет выведена красным?
# <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> Какая из строк будет выведена красным?
# <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. <h1>Глава 1</h1> 2. <p>Абзац 1</p> 3. <p>Абзац 2</p> На какие строки действует селектор h1 + p?
# <div> 1. test 1 2. <div>test 2</div> 3. <div>test 3</div> </div> На какие строки действует селектор div > div?
# <style type="text/css"> .wide {width:200px;} div.wide {width:300px;} </style> ... <div class="wide"></div> Какова ширина раздела?
# ... <td style="width:300px" width="200px">test</td> ... Какова ширина ячейки?
# <style type="text/css"> .red {color:#ff0000;} p.red {color:#0000ff;} #note {color:#00ff00;} </style> ... <p class="red" id="note">test</p> Каков цвет текста?
# Какие из перечисленных элементов являются блочными?
# Какие из перечисленных элементов являются строчными?
# Какие из перечисленных элементов используются для логического форматирования?
# <a href="#"> <img data-src="pic.png" alt="go" /> </a> Что является атрибутом элемента-якоря?
# Выберите верные утверждения о тэгах HTML.
# Что из перечисленного является необходимыми HTML-элементами в стандартном документе HTML 4.01?
# Выберите верные утверждения о XML.
# Выберите верные утверждения о XHTML.
# Выберите верные утверждения о CSS.
# Какой HTML-элемент подходит для выделения фрагмента текста полужирным начертанием (без дополнительных css-правил)?
# Какой HTML-элемент подходит для выделения фрагмента текста курсивом (без дополнительных css-правил)?
# Какой HTML-элемент подходит для выделения фрагмента текста моноширинным шрифтом (без дополнительных css-правил)?
# Имеется следующий HTML-фрагмент: HTML CSS Javascript Будут ли слова расположены на разных строках при просмотре документа в браузере?
# Выберите верные утверждения об элементах div и p.
# Выберите верные утверждения об элементах ol, ul и li.
# Имеется следующий HTML-фрагмент: <p align=right style="text-align:left;">Hello</p> Браузер выравнивает абзац по левому краю. Почему?
# Имеется следующий HTML-фрагмент: <div style="color: Red; border:1px solid; padding:5px;"> <p>Абзац</p> <a href="#">Гиперссылка</a> <h4>Заголовок</h4> <span style="color: Green;">текстовый фрагмент</span> </div> Какие элементы будут отображены красным цветом?
# Какие из перечисленных единиц измерения являются относительными?