Введение в стандарты Web

Упражнение 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

Введение в стандарты Web - тест 33