Главная / Интернет-технологии /
Введение в стандарты Web / Тест 33
Введение в стандарты Web - тест 33
Упражнение 1:
Номер 1
Отметьте ключевые структурные элементы таблиц:
Ответ:
 (1) заголовки столбцов таблицы 
 (2) строки таблицы 
 (3) столбцы таблицы 
 (4) ячейки данных таблицы 
 (5) заголовок таблицы 
Номер 2
Для каких целей не рекомендуется использовать таблицы?
Ответ:
 (1) для компоновки элементов страницы 
 (2) для представления табличных данных 
 (3) таблицы признаны устаревшим элементом, поэтому они не рекомендуются к использованию вообще 
Номер 3
Чем отличаются ячейки td
и th
?
Ответ:
 (1) ячейки td
и th
ничем не отличаются и могут использоваться в любом месте таблицы 
 (2) ячейки th
используются для задания заголовков столбцов таблицы, а ячейки td
– для ячеек данных таблицы 
 (3) ячейки th
рекомендованы к использованию, в то время как ячейки td
признаны устаревшими 
Упражнение 2:
Номер 1
Какую ширину имеют таблицы по умолчанию?
Ответ:
 (1) во весь экран 
 (2) 800 пикселей 
 (3) во всю ширину контента 
Номер 2
Что делает следующий код: table { width: 100%; }
?
Ответ:
 (1) растягивает таблицу во весь экран 
 (2) устанавливает ширину таблицы равной 100 пикселям 
 (3) растягивает таблицу во всю ширину родительского блочного бокса 
Номер 3
Какой код задает ширину всех столбцов таблицы?
Ответ:
 (1) td, th { width: 25%; }
 
 (2) table { td-width: 35%; }
 
 (3) th { width: 25%; }
 
Упражнение 3:
Номер 1
Какое свойство тега td
или th
необходимо использовать, чтобы установить горизонтальное выравнивание текста в ячейках?
Ответ:
 (1) text-align
; 
 (2) vertical-align
; 
 (3) horizontal-align
; 
Номер 2
Какое свойство тега td
или th
необходимо использовать, чтобы установить вертикальное выравнивание текста в ячейках?
Ответ:
 (1) text-align
; 
 (2) v-align
; 
 (3) vertical-align
; 
Номер 3
Какое свойство тега table
необходимо использовать, чтобы задать простую черную границу для таблицы и ячеек?
Ответ:
 (1) margin
 
 (2) border
 
 (3) table-border
 
Упражнение 4:
Номер 1
Каким свойством необходимо воспользоваться, чтобы убрать пробел между ячейками, если задана граница таблицы и ячеек?
Ответ:
 (1) border-spacing: 0
; 
 (2) border-collapse: collapse
; 
 (3) td-spacing: 0
; 
 (4) td-border-space: 0
; 
Номер 2
Какие могут возникнуть проблемы при использовании border-spacing
для устранения пробела между ячейками?
Ответ:
 (1) данное свойство не работает в браузере Internet Explorer 
 (2) граница толщиной 1 пиксель заменяется границей толщиной 2 пикселя 
 (3) данное свойство убирает пробел только у внутренних границ ячеек 
 (4) данное свойство убирает пробел только у внешних границ ячеек 
Номер 3
Какие проблемы могут возникнуть при использовании border-collapse : collapse
для схлопывания границ между ячейками?
Ответ:
 (1) данное свойство работает не во всех браузерах 
 (2) если у смежных ячеек заданы различные стили оформления границ, они могут "конфликтовать" друг с другом.  
 (3) данное свойство не рекомендуется к использованию, так как будет исключено из будущих версий стандарта 
Упражнение 5:
Номер 1
С помощью какого свойства можно переместить заголовок таблицы в другое место?
Ответ:
 (1) caption-side
 
 (2) caption
 
 (3) border-caption
 
Номер 2
Какие проблемы могут возникнуть при перемещении заголовка таблицы в другое место?
Ответ:
 (1) заголовок таблицы всегда располагается сверху и его нельзя перемещать 
 (2) заголовок таблицы невозможно переместить в браузере Internet Explorer 
 (3) заголовок таблицы можно перемещать только в браузере Internet Explorer 
Номер 3
Что делает следующий код: td, th { caption-side : bottom; }
?
Ответ:
 (1) перемещает заголовок таблицы вниз 
 (2) ничего не делает, так как свойство caption-side
отсутствует в стандарте 
 (3) перемещает заголовок столбца вниз 
Упражнение 6:
Номер 1
Если у таблицы и ячейки задан разный цвет фона, какой цвет фона будет у ячейки?
Ответ:
 (1) цвет фона, заданный для ячейки 
 (2) цвет фона, заданный для таблиц, так как ячейка наследует цвет фона таблицы 
 (3) цвет фона нельзя задавать для отдельных ячеек 
Номер 2
Если у таблицы и у строки задан различный цвет фона, какой цвет фона будет у ячеек в этой строке?
Ответ:
 (1) цвет фона таблицы.  
 (2) цвет фона строки 
 (3) цвет фона по умолчанию 
Номер 3
Если у таблицы и у ячейки задан различный цвет фона, где можно увидеть цвет фона таблицы?
Ответ:
 (1) у заголовка таблицы 
 (2) у границ ячеек 
 (3) фон таблицы будет просвечивать между границами ячеек, если между ними есть промежуток 
Упражнение 7:
Номер 1
Каким образом можно задать градиент в качестве цвета фона таблицы?
Ответ:
 (1) использовать свойство gradient-color
 
 (2) градиент задать нельзя, так как подобного свойства нет в стандарте 
 (3) необходимо воспользоваться изображением в качестве фона таблицы 
Номер 2
Какой код задает цвет фона заголовка таблицы?
Ответ:
 (1) table { caption-background-color: red; }
 
 (2) caption { background: red; }
 
 (3) capiton { bgcolor: red; }
 
Номер 3
Для чего используется следующий код: <!—[if IE 6]>< link rel="stylesheet" media="screen" href="ie-only.css" /><![endif]-->
?
Ответ:
 (1) для подключения файла с таблицами стилей 
 (2) для подключения файла с таблицами стилей только для браузера Internet Explorer 6 
 (3) для подключения файла с таблицами стилей во всех браузерах, кроме Internet Explorer 6 
Упражнение 8:
Номер 1
Какими недостатками обладает способ оформления таблицы в виде "зебры" с использованием классов для чередования строк?
Ответ:
 (1) данный способ работает не во всех браузерах 
 (2) данный способ неудобен при добавлении новых строк в таблицу, при котором необходимо следить за соответствием классов 
 (3) данный способ чрезмерно сложен в реализации, поэтому на практике практически не применим 
Номер 2
Каким недостатком обладает способ оформления таблицы в виде "зебры" с использованием CSS3 селектора :nthchild
?
Ответ:
 (1) данный способ работает не со всеми основными браузерами 
 (2) данный способ работает только в браузере Internet Explorer 
 (3) использование данного способа чрезмерно сложно, поэтому на практике практически не применяется 
Номер 3
Какие проблемы существуют при использовании border-collapse : collapse
в некоторых браузерах?
Ответ:
 (1) браузеры Firefox и Safari неправильно выводят ширину таблицы 
 (2) браузер Firefox имеет ограниченную поддержку данного свойства 
 (3) данное свойство работает лишь в браузере Internet Explorer 
Упражнение 9:
Номер 1
Какими способами можно задать раскраску таблицы в виде "зебры"?
Ответ:
 (1) с помощью классов для четных и нечетных строк таблицы 
 (2) с использованем JavaScript 
 (3) с использованием свойства palette-type: zebra
 
 (4) ограниенно с использованием селектора :nthchild
 
Номер 2
Какой из перечисленных ниже способов оформления таблицы в виде "зебры" работает в основных браузерах?
Ответ:
 (1) использование JavaScript (при поддержке браузером) 
 (2) использование селектора :nthchild
 
 (3) использование классов для четных и нечетных строк таблицы 
Номер 3
С помощью какого элемента можно будет создавать эффект внутренней сетки без использования классов, когда поддержка этого элемента будет улучшена?
Ответ:
 (1) :lastchild
 
 (2) :nthchild
 
 (3) :firstchild
 
Упражнение 10:
Номер 1
Какие ограничения существуют при использовании псевдо-селектора :lastchild
для создания эффекта внутренней сетки?
Ответ:
 (1) данный псевдо-селектор не поддерживается основными браузерами в полной мере 
 (2) данный псевдо-селектор поддерживается только Internet Explorer 
 (3) данный псевдо-селектор поддерживается всеми браузерами, кроме Internet Explorer 
Номер 2
С чем связана ошибка использования свойства border-collapse:collapse
в некоторых браузерах?
Ответ:
 (1) ошибка связана с проблемой округления 
 (2) ошибка связана с неполным следованием стандарту 
 (3) ошибка связана с тем, что в некоторых браузерах между границами ячеек остается зазор 
Номер 3
Какая ошибка существует у некоторых браузеров при работе с полем таблицы и заголовком?
Ответ:
 (1) нельзя задать поле таблицы, если указан заголовок 
 (2) удвоение поля таблицы, если задан заголовок 
 (3) расположение поля таблицы между заголовком и ячейками таблицы 
Упражнение 11:
Номер 1
У каких браузеров есть ошибка при работе с полем таблицы и заголовком?
Ответ:
 (1) у всех, кроме Internet Explorer 
 (2) только у Internet Explorer 
 (3) только у Firefox 
 (4) у Firefox и Safari 
Номер 2
Какой способ позволит полностью избежать проблем с полем таблицы и заголовком в браузерах, в которых есть такая ошибка?
Ответ:
 (1) задание нулевого поля на стороне заголовка 
 (2) задание отрицательного поля на стороне заголовка 
 (3) расположение заголовка только внизу таблицы 
Номер 3
Позволит ли задание нулевого поля на стороне заголовка полностью избежать проблем с полем таблицы и заголовком в браузерах, в которых есть такая проблема?
Ответ:
 (1) да, это единственный способ избежать этой проблемы 
 (2) нет, это сработает только в Firefox 
 (3) нет, это сработает только в Safari 
 (4) нет, этот способ не сработает ни в Firefox, ни в Safari 
Упражнение 12:
Номер 1
Какие существуют распространенные способы оформления таблицы?
Ответ:
 (1) оформление в виде "зебры" 
 (2) неполные сетки 
 (3) использование изображений в качестве заголовка таблицы 
Номер 3
Какой браузер полностью поддерживает работу с таблицами (без ошибок)?
Ответ:
 (1) Internet Explorer 
 (2) Firefox 
 (3) Opera 
 (4) Safari