Главная / Лекции по современным веб-технологиям

Лекции по современным веб-технологиям - ответы на тесты Интуит

В курсе излагаются история, стандарты и базовые принципы организации Всемирной паутины. Теоретически и практически рассмотрены основные возможности языка гипертекстовой разметки HTML и каскадных таблиц стилей CSS. Описаны основные ограничения полиграфии и цветового оформления веб-сайта.

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

# Какие селекторы позволяют применить стилевое оформление сразу ко всем элементам на странице?
# Как обозначается универсальный селектор?
# Выберите фрагмент CSS, который не содержит синтаксических ошибок:
# Как добавить цвет фона для всех элементов H1?
# Как добавить цвет фона для заголовка, атрибут class которого имеет значение alert?
# Как добавить цвет фона для заголовка, атрибутом id которого имеет значение alert?
# Для двух элементов P и UL необходимо назначить одинаковый размер шрифта. Выберите правильный способ группировки селекторов:
# Запись P.warning{} соответствует…
# Запись P#warning{} соответствует…
# Псевдоклассы используются для…
# Что из перечисленного относится к псевдоклассам?
# Что из перечисленного относится к псевдоклассам?
# Псевдоэлементы используются для…
# Что из перечисленного относится к псевдоэлементам?
# Что из перечисленного НЕ относится к псевдоэлементам?
# Фрагмент HTML-кода ... <HEAD> <LINK rel="stylesheet" href="style.css" type="text/css"> </HEAD> ... иллюстрирует использование…
# Фрагмент HTML-кода <H1 style="text-align: center"> иллюстрирует использование
# Какой фрагмент HTML-кода используется для подключения внутренней таблицы стиля?
# Какое ключевое слово используется для принудительного наследования свойств?
# Таблица стилей агента пользователя является…
# Какой атрибут используется для того, чтобы правила пользовательской таблицы стилей могли перекрывать авторскую?
# Какое свойство CSS устанавливает семейство шрифта, которое будет использоваться для оформления текста?
# Выберите правильный вариант использования свойства font-family:
# Свойство font-family используется для…
# Какое свойство CSS устанавливает размер шрифта элемента?
# Какие из перечисленных констант используются для задания абсолютных размеров шрифта элемента?
# Какие из перечисленных констант используются для задания относительных размеров шрифта элемента?
# Свойство font-weight используется для задания…
# Выберите вариант правила, которое устанавливает жирный шрифт для всех элементов P:
# Какому значению свойства font-weight эквивалентно установленное по умолчанию нормальное начертание шрифта?
# Как с помощью CSS задать курсивное начертание шрифта элемента?
# Какое свойство CSS устанавливает стиль шрифта элемента?
# Какие из перечисленных констант используются для задания начертания шрифта элемента?
# Как с помощью CSS сделать так, чтобы каждое слово в тексте начиналось с заглавной буквы?
# Какое правило указывает, что заголовок H1 должен выводиться прописными буквами?
# Какое значение свойства text-transform используется по умолчанию?
# Какое значение свойства text-decoration позволяет провести линию над текстом?
# Какое правило указывает, что заголовок H1 должен подчеркиваться?
# Какое свойство CSS позволяет провести линию над, под или через текст?
# Какое свойство CSS используется для задания интервала между словами в тексте?
# Какое значение свойства word-spacing используется по умолчанию?
# Какое правило увеличивает интервал между словами в заголовке H1 на 1em?
# Какое свойство CSS используется для выравнивания текста?
# Какое правило устанавливает выравнивание по центру заголовка H1?
# Какое значение свойства text-align используется по умолчанию?
# Какое свойство CSS устанавливает межстрочный интервал?
# Какое правило увеличивает интервал между символами в параграфе P на 1em?
# Какое правило увеличивает межстрочный интервал в параграфе P на 1em?
# Какое из приведенных ниже правил делает текст всех заголовков красным?
# Какое из приведенных ниже правил устанавливает красный фон для всех элементов H1?
# Какое свойство CSS используется для задания фона элементов?
# Какое свойство CSS устанавливает фоновое изображение для элемента?
# Что используется в качестве значения свойства background-image?
# Какое правило задает в качестве фона веб-страницы графическое изображение backgroung.jpg?
# Какое правило устанавливает горизонтальное повторение фонового изображения веб-страницы?
# Какое значение свойства background-repeat запрещает повторение фонового изображения?
# Какое значение по умолчанию принимает свойство background-repeat?
# Какое свойство CSS определяет поведение фонового рисунка при прокручивании содержимого веб-страницы?
# Какие значения может принимать свойство background-attachment?
# Какое значение свойства background-attachment заставляет фоновое изображение прокручиваться вместе с содержимым элемента?
# Какое свойство CSS позволяет позиционировать фоновый рисунок?
# Какое из приведенных правил располагает изображение в левом верхнем углу экрана?
# Какие из приведенных правил располагают изображение в правом нижнем углу экрана?
# В какой последовательности рекомендуется размещать свойства при объединении отдельных свойств фона в группу?
# Какие свойства фона не заданы в следующем правиле? background: black url("background.jpg") no-repeat;
# Следующий набор правил устанавливает цвет фона, фоновое изображение, вид повторения, присоединение и позицию изображения: background-color: black; background-image: url("background.jpg"); background-repeat: repeat-x; background-attachment: fixed; background-position: 0% 0%; Какое из приведенных ниже правил позволяет достичь аналогичного результата?
# Чему эквивалентно правило P {margin: 20px;}?
# Какое свойство задает значение нижнего поля?
# Чему эквивалентно правило BODY { margin-right: 70px; margin-top: 100px; margin-left: 40px; margin-bottom: 40px; }
# Какую границу задает следующее правило P {border: 2px dashed red;}?
# Какое из правил создает сплошную рамку черного цвета толщиной 5px?
# Какое свойство CSS позволяет установить только нижнюю границу элемента?
# Чему эквивалентно правило H1 { border-width-right: 7px; border-width-top: 10px; border-width-left: 4px; border-width-bottom: 5px; }
# Чему эквивалентно правило H1 {border-width: 10px 7px 5px 4px;}?
# Какое свойство CSS позволяет установить толщину верхней границы элемента?
# Какие свойства CSS задают стиль границы элемента?
# Какой эффект произведет следующее правило H1 {border-style: solid;}?
# Корректно ли правило {border-style: solid dashed;}?
# Какое свойство устанавливает внутренне расстояние между границей и содержимым элемента?
# Какое свойство устанавливает внутреннее расстояние от нижнего края содержимого элемента.
# Какое значение по умолчанию принимает свойство padding-left?
# Что делает значение right свойства clear?
# Какое свойство CSS задает элементу выравнивание и обтекание другими элементами?
# Какое значение по умолчанию принимает свойство float?
# Выберите элементы, к которым неприменимы свойства height и width:
# Выберите корректные примеры задания цвета границы:
# Выберите псевдокласс, который задает стилевое оформление посещенных пользователем ссылок:
# Какие псевдоклассы используются для оформления состояния ссылок?
# Какой псевдокласс применяется к ссылкам, которые еще не посещались пользователем, и задает для них стилевое оформление?
# Как с помощью CSS убрать подчеркивание со всех ссылок?
# Как с помощью CSS установить подчеркивание для всех ссылок?
# Какое правило задает ложное подчеркивание для ссылок?
# Какое из представленных правил добавляет изображение image.gif к ссылкам во всех состояниях?
# Какое из представленных правил добавляет изображение image.gif к ссылкам, посещенным пользователем?
# Какое правило меняет цвет ссылки при наведении на него курсора мыши?
# Какое правило меняет цвет фона ссылки при наведении на него курсора мыши?
# Какое свойство CSS используется для управления видом маркера списка?
# Как с помощью CSS задать в качестве маркера списка закрашенный кружок?
# Какое значение свойства list-style-type устанавливается по умолчанию для маркированного списка?
# Какое свойство CSS определяет размещение маркера списка относительно текста?
# Свойство list-style-position определяет ...
# Какое значение свойства list-style-position определяет обтекание текстом маркера?
# Какое правило использует браузер по умолчанию при выводе таблицы?
# Какое из следующих правил задают ширину таблицы в 100% доступной ширины?
# Какое свойство CSS используется для задания ширины ячеек таблицы?
# Какое из представленных правил задает таблицу с границами удвоенной толщины?
# Какое значение свойства border-collapse установлено по умолчанию?
# Какое из следующих правил позволяет установить расстояние между границами ячеек 50 пикселей по горизонтали и 100 пикселей по вертикали?
# Какие свойства используются для задания выравнивания текста в ячейках таблицы?
# Какое свойство устанавливает расстояние между границами ячеек таблицы и их содержимым?
# Какое свойство CSS является аналогом атрибута border элемента TABLE?
# Выберите корректные значения свойства caption-side:
# Выберите корректные значения свойства caption-side:
# Отметьте возможные варианты реализации размещения заголовка вверху таблицы
# Какие единицы измерения могут быть использованы при задании ширины ячейки таблицы:
# Какие единицы измерения могут быть использованы при задании ширины таблицы:
# Выберите правильные утверждения:
# Выберите корректные значения свойства border-collapse:
# При схлопывании в смежных ячеек границ с различными стилями оформления...
# В каком примере реализовано схлопывание границ ячеек?
# В каком шаблоне оформления таблиц в четных и нечетных строках различается цвет фона?
# В каком шаблоне оформления таблиц применяется удаление некоторых вертикальных границ?
# В каком примере заголовок таблицы выделен путем использования выворотки?
# Какое значение по умолчанию принимает свойство z-index?
# Элемент с каким идентификатором будет перекрывать остальные? CSS: #box1 { position: absolute; left: 300px; top: 300px; z-index: 3; } #box2 { position: absolute; left: 305px; top: 305px; z-index: 1; } #box3 { position: absolute; left: 310px; top: 310px; z-index: 2; } HTML: <DIV id="box1">…</DIV> <DIV id="box2">…</DIV> <DIV id="box3">…</DIV>
# Выберите корректные значения свойства z-index
# Чему равно поле (вертикальное расстояние) между элементами с классами box1 и box2? CSS: .box1 {margin-bottom: 10px;} .box2 {margin-top: 5px;} HTML: <DIV class="box1"></DIV> <DIV class="box2"></DIV>
# Какими свойствами регулируется вертикальное расстояние между двумя блочными боксами?
# Какой тип позиционирования установлен по умолчанию?
# Дан код: <DIV style="position:absolute;"> <DIV style="position:absolute;">Text</DIV> </DIV> Относительно чего будет позиционироваться внутренний элемент DIV?
# Фиксированное позиционирование действует подобно…
# Бокс с относительным позиционированием…
# Выберите корректные значения свойства position:
# Выберите корректные значения свойства position:
# Выберите верные утверждения:
# Какое свойство определяет высоту линейных боксов при статическом позиционировании?
# Какое свойство определяет направленность расположения строковых боксов (слева направо или справа налево) при статическом позиционировании?
# При статическом позиционировании переход на новую строку при выкладке строковых блоков...
# Какое значение свойства position соответствует относительному позиционированию?
# Какие свойства могут быть использованы для смещения бокса при относительном позиционировании?
# Один из боксов был смещен: SPAN { position: relative; top: 10px; } Как изменилось положение соседних с ним справа и слева боксов?
# При каком типе позиционирования элемент располагается относительно окна браузера и никогда не смещается при прокручивании веб-страницы?
# Допустимо ли использование всех четырех ствойств top, bottom, left и right при абсолютном позиционировании?
# Какие свойства используются для определения размера блока при абсолютном позиционировании?
# Когда была разработана первая программа для отправки электронной почты по сети?
# Когда произошла стандартицация протоколов передачи данных TCP/IP?
# Консорциум всемирной паутины (W3C) был образован в...
# Наиболее длинный сетевой номер (сетевой префикс) в адресах сетей класса..
# Самую большую часть адресного пространства в протоколе IP занимают сети класса...
# Если в сети 1000 компьютеров, то она относится к классу..
# К какому классу относится сеть с адресом 139.193.0.0?
# К какому классу относится сеть с адресом 193.139.0.0
# К какому классу относится сеть с адресом 139.265.0.0
# Основное назначение DHCP-сервера это...
# Основное назначение DNS-сервера...
# В адресе http://www.intuit.ru доменом верхнего уровня является...
# Для запуска в IE8 средств разработчика (Developer Tools) необходимо:
# Средства разработчика (Developer Tools) в IE8 позволяют
# Выберите НЕверные утверждения:
# Стандарты, разработанные консорциумом W3C...
# Размещение в Интернете доступно...
# Выберите верные утверждения:
# W3C MarkUp Validator предназначен для проверки на соответствие веб-стандартам
# Вкладка "Validate by Direct Input" у валидатора W3C MarkUp Validator предназначена для...
# Веб-документ считается валидным, если он...
# В строке заголовка, которая располагается вдоль верхней границы окна браузера, отображается...
# Большинство размещенных в Интернете страниц...
# Влияет ли валидность страницы на ее оптимизацию под поисковые системы?
# Какая цветовая схема создается при использовании одного базового цвета и всех его оттенков?
# Какая цветовая схема создается при выборе одного цвета и добавлении к нему двух других цветов, расположенных на одинаковых расстояниях друг от друга на цветовом круге
# Какая цветовая схема создается при выборе одного цвета и его противоположного?
# Какие цвета считаются основными в системе RGB?
# Какие цвета считаются дополнительными в системе RGB?
# Код #000000 в схеме RGB соответствует:
# Выберите верные утверждения:
# Выберите верные утверждения:
# Выберите верные утверждения:
# При семантической верстке выбор элементов HTML происходит ...
# Выберите блочные элементы:
# Выберите cтроковые элементы:
# Выберите вариант синтаксически корректной записи элемента P
# Выберите фрагмент кода, реализующего правильную вложенность элементов:
# Выберите правильные утверждения относительно использования атрибутов элементов HTML:
# Какой атрибут позволяет задать принадлежность элемента определенному классу?
# Выберите фрагмент HTML-кода, содержащий ошибку:
# К каким элементам недопустимо применять атрибуты id, class и style?
# Найдите ошибку:
# Отметьте верные утверждения
# Какие атрибуты могут быть у конечных тегов?
# Элемент декларации типа документа (<!DOCTYPE>)
# Выберите корректные фрагменты HTML-кода
# Выберите элементы, присутствие которых в элементе HEAD обязательно:
# Какие из следующих утверждений верны относительно типа HTML-документа, указанного с помощью DOCTYPE?
# Какое из перечисленных объявлений включает браузер в стандартный режим?
# Какое из представленных объявлений DTD не допускает использования в документе различных не рекомендуемых элементов и атрибутов?
# Какой фрагмент HTML-кода демонстрирует правильное расположение элемента HEAD?
# Какие элементы могут располагаться в элементе <HEAD>…</HEAD>?
# Содержимое элемента HEAD не отображается напрямую на веб-странице, за исключением элемента…
# Какой метаописатель создает описание автора документа? (выберите все варианты)
# Выберите правильные утверждения, касающиеся элемента META:
# Выберите метаописатель, позволяющий определить ключевые слова веб-страницы:
# Элемент BASE позволяет…
# Адрес текущего документа указан как <BASE href="http://www.somewhere.ru/main">. Относительный адрес при добавлении рисунков - <IMG data-src="/image/someimage.jpg">. Какой полный URL-адрес будет у рисунка someimage.jpg?
# Выберите правильный вариант использования элемента BASE:
# Выберите верные утверждения, касающиеся элемента LINK:
# Выберите правильный вариант подключения к документу внешней таблицы стиля с использованием элемента LINK:
# Элемент LINK позволяет…
# Выберите корректные варианты использования элемента STYLE:
# Элемент STYLE позволяет…
# Какой из приведенных фрагментов кода определяет стили документа для вывода на печать?
# Элемент SCRIPT позволяет…
# Выберите корректные варианты использования элемента SCRIPT:
# Выберите корректные варианты использования элемента TITLE:
# Выберите все правильные утверждения, касающиеся блочных элементов. Блочные элементы…
# Выберите все правильные утверждения, касающиеся строковых элементов. Строковые элементы…
# К основным блочным элементам относятся:
# Сколько уровней заголовков предлагает HTML?
# Который из уровней заголовков отображается самым крупным шрифтом жирного начертания:
# Какой фрагмент кода создает заголовок 2-го уровня?
# Какой элемент HTML используется для логической организации текста в стандартные параграфы?
# Элемент P предназначен для…
# Что из перечисленного ниже относится к элементу P?
# Какой элемент HTML позволяет вывести текст, полностью сохраняя форматирование, в том числе пробельные символы и переводы строк?
# Что из перечисленного ниже не относится к элементу PRE?
# Какие элементы недопустимо применять внутри элемента <PRE>…</PRE>?
# Какой элемент в HTML предназначен для выделения длинных цитат внутри документа
# Что из перечисленного ниже относится к элементу BLOCKQUOTE?
# Выберите фрагменты кода, правильно оформляющие цитату:
# Выберите тег, создающий горизонтальный разделитель контента:
# С помощью какого элемента можно ввести в документ разрыв строки?
# Какой атрибут используется для указания полной формы записи аббревиатуры или акронима?
# Выберите фрагмент HTML-кода, синтаксически правильно описывающий аббревиатуру «РФ»:
# Что из перечисленного ниже относится к элементу ABBR?
# Текст, обозначенный элементом ACRONYM, по умолчанию…
# Какие из перечисленных ниже элементов являются элементами логического форматирования?
# Какие из перечисленных ниже элементов являются элементами физического форматирования?
# В чем различия элементов B и STRONG?
# Какие элементы рекомендуется использовать вместо элемента TT, отображающего текст моноширинным шрифтом?
# Выберите элемент, выводящий текст в виде верхнего индекса выше базовой линии текста:
# Выберите элемент, выводящий текст в виде нижнего индекса ниже базовой линии текста:
# Для вывода списка объектов, которые необходимо разместить в определенном порядке, используется…
# Для вывода пар термин-определение используется…
# Сколько типов списков используются в HTML?
# Следующий фрагмент кода создает список <UL> <LI>элемент 1</LI> <LI>элемент 2</LI> <LI>элемент 3</LI> </UL> Выберете верные утверждения о созданном списке:
# Следующий фрагмент кода создает список <OL> <LI>элемент 1</LI> <LI>элемент 2</LI> <LI>элемент 3</LI> </OL> Выберете верные утверждения о созданном списке.
# Какой элемент HTML устанавливает маркированный список?
# Какой элемент HTML устанавливает нумерованный список?
# Какой элемент HTML определяет отдельный элемент списка?
# Выберите фрагмент HTML-кода, который создает маркированный список с маркером в виде не закрашенного кружка:
# Какой атрибут элементов UL и OL устанавливает вид маркера списка?
# Какой фрагмент HTML-кода создает нумерованный список, нумерация которого начинается с цифры 3?
# Выберите правильный код для создания списков определений:
# Какие пары тегов предназначены для задания термина в списке определений?
# Какая пара тегов предназначена для задания определения термина в списке определений?
# Какие форматы графических файлов поддерживает большинство браузеров?
# Какие форматы графических файлов поддерживают 24-битную палитру цвета?
# Какой фрагмент кода вставляет изображение?
# Что из перечисленного ниже относится к элементу IMG?
# Какой элемент предназначен для отображения изображения на веб-странице?
# Обязательным атрибутом элемента IMG является:
# Атрибут alt элемента IMG устанавливает…
# Атрибут src элемента IMG устанавливает…
# Фрагмент HTML-кода <IMG data-src="http://www.somewhere.com/images/image.jpg" alt="Какая-то фотография" width="150" height="350"> определяет размеры изображения как:
# Какой параметр элемента IMG устанавливает высоту изображения?
# Допустимо ли указание только одного атрибута из пары height и width для элемента IMG?
# Какой элемент HTML предназначен для создания гипертекстовых ссылок?
# Какой атрибут элемента A задает адрес ресурса, на который указывает ссылка?
# Какой атрибут элемента A служит для создания закладки?
# Какой фрагмент HTML-кода создает ссылку на e-mail?
# Укажите синтаксически правильный вариант создания гипертекстовой ссылки в HTML:
# Следующий фрагмент HTML-кода <A name="point"></A> создает закладку. Какая из приведенных ссылок указывает на данную закладку?
# Какая запись определяет рисунок как карту-изображение?
# Укажите правильный вариант использования в качестве ссылки изображения:
# Какая из приведенных ниже ссылок использует относительную адресацию?
# Что из предложенного можно использовать для объединения набора ссылок(закладок) в контекстное меню?
# Допустимо ли использование вложенных списков для создания контекстных меню?
# Для создания навигационной системы используют:
# Выберите объекты, на которые может ссылаться гиперссылка:
# Выберите верное утверждение
# Выберите верные утверждения
# Какие фрагменты кода создают ссылку, внешне выглядящую, как имя файла, на который она ссылается?
# Выберите корректные атрибуты для элемента <A>:
# Отметьте значение по умолчанию для атрибута href
# Ссылка находится в активном состоянии (active)...
# Ссылка находится в состоянии link...
# Ссылка находится в состоянии hover
# Выберите корректные атрибуты элемента AREA:
# Отметьте корректный вариант создания карты-изображения:
# Отметьте корректное утверждение:
# Какой элемент используется для добавления таблицы на веб-страницу?
# Какой элемент используется для определения строки в уже созданной таблице?
# Какой элемент используется для определения ячейки таблицы?
# Какие элементы допустимо использовать внутри контейнера <TABLE></TABLE> кроме TR, TD и TH?
# Сколько строк содержит таблица, создаваемая следующим фрагментом HTML-кода? <TABLE> <TR> <TD>…</TD> <TD>…</TD> </TR> <TR> <TD>…</TD> </TR> </TABLE>
# Какой элемент определяет содержимое ячейки как заголовок для каждого столбца?
# Сколько ячеек будет содержать следующая таблица: <TABLE> <TR> <TD colspan="2"></TD> </TR> <TR> <TD></TD><TD></TD> </TR> </TABLE>
# Сколько ячеек будет содержать следующая таблица: <TABLE> <TR> <TD rowspan="2"></TD><TD></TD><TD></TD> </TR> <TR> <TD></TD><TD></TD> </TR> </TABLE>
# Сколько ячеек будет содержать следующая таблица: <TABLE> <TR> <TD></TD><TD></TD> </TR> <TR> <TD></TD><TD></TD> </TR> </TABLE>
# Какой атрибут элемента TD определяет число ячеек, которые должны быть объединены по горизонтали?
# Какой атрибут элемента TD определяет число ячеек, которые должны быть объединены по вертикали?
# Атрибутами каких элементов являются colspan и rowspan?
# Выберите элементы, которые могут использоваться для группировки строк таблицы:
# Допускается ли применения нескольких элементов TBODY внутри элемента <TABLE></TABLE >?
# Допускается ли применения нескольких элементов THEAD внутри элемента <TABLE></TABLE >?
# Какой атрибут элемента TABLE задает расстояние между внешними границами ячеек?
# Какой атрибут элемента TABLE задает расстояние между границей ячейки и ее содержимым?
# Атрибутами каких элементов являются cellpadding и cellspacing?
# Какой фрагмент HTML-кода задает отсутствие рамки у таблицы?
# Какая толщина рамки таблицы устанавливается по умолчанию?
# Запись <TABLE border> задает толщину рамки, равной…
# Для чего предназначен элемент CAPTION?
# Какие утверждения верны относительно элемента CAPTION?
# В каком из представленных фрагментов кода правильно использован элемент CAPTION?
# Атрибут width является атрибутом элемента…
# Какой из перечисленных элементов не обладает атрибутом width?
# Какой из перечисленных элементов не обладает парой атрибутов height и width?