Главная / Интернет-технологии /
Спецификация языка HTML / Тест 14
Спецификация языка HTML - тест 14
Упражнение 1:
Номер 1
В каком примере устанавливается цвет текста параграфа в зеленый и окружается сплошной красной рамкой?
Ответ:
 (1)
P.special { color : green; border: darkred;}
 
 (2)
P.special { color : darkgreen; border: solid red;}
 
 (3)
P.special { color : green; border: solid red;}
 
 (4)
P.special { color : green; border: red;}
 
Номер 2
С помощью какого элемента можно подключить таблицу стилей к основному документу HTML?
Ответ:
 (1)
<LINK>
 
 (2)
<STYLE>
 
 (3)
<A>
 
 (4)
<INPUT>
 
Номер 3
В каких случаях таблица стилей корректно подключается к основному документу HTML?
Ответ:
 (1)
<LINK href="special.css" rel="stylesheet" type="text/css">
 
 (2)
<STYLE href="special.css" rel="stylesheet" type="text/css">
 
 (3)
<STYLE href="table.css" rel="stylesheet" type="text/css">
 
 (4)
<LINK href="table.css" rel="stylesheet" type="text/css">
 
Упражнение 2:
Номер 1
Какой элемент используется для установки в данном документе языка по умолчанию для таблиц стилей?
Ответ:
 (1)
<STYLE>
 
 (2)
<LINK>
 
 (3)
<META>
 
 (4)
<P>
 
Номер 2
Какой пример реализует корректную установку языка по умолчанию для таблиц стилей?
Ответ:
 (1)
<META http-equiv="Content-Style-Type" content="text/css">
 
 (2)
<META lang="Content-Style-Type" content="text/css">
 
 (3)
<META rel="Content-Style-Type" content="text/css">
 
 (4)
<META id="Content-Style-Type" content="text/css">
 
Номер 3
В каком примере устанавливается цвет и шрифт текста параграфа?
Ответ:
 (1)
<P style="font-size: 12pt; fuchsia">
 
 (2)
<P style="color: fuchsia">
 
 (3)
<P style="font-size: 12pt; color: fuchsia">
 
 (4)
<P style="font-size: 12pt; color">
 
Упражнение 3:
Номер 1
Какой знак разделяет имя и значение в CSS
?
Ответ:
 (1)
"-"
 
 (2)
";"
 
 (3)
":"
 
 (4)
"/"
 
Номер 2
Укажите атрибуты элемента STYLE
:
Ответ:
 (1)
type
 
 (2)
media
 
 (3)
lang
 
 (4)
dir
 
Номер 3
Какой атрибут элемента STYLE
определяет язык стиля содержимого элемента и переопределяет язык по умолчанию для таблиц стилей?
Ответ:
 (1)
title
 
 (2)
lang
 
 (3)
type
 
 (4)
media
 
Упражнение 4:
Номер 1
Какой атрибут элемента STYLE
определяет предполагаемый носитель для стилевой информации?
Ответ:
 (1)
type
 
 (2)
media
 
 (3)
dir
 
 (4)
title
 
Номер 2
Какой элемент позволяет разместить информацию стиля в "шапке" документа?
Ответ:
 (1)
<META>
 
 (2)
<P>
 
 (3)
<OBJECT>
 
 (4)
<STYLE>
 
Номер 3
В каком примере помещается рамка вокруг каждого элемента H1
в документе и они выравниваются по центру страницы?
Ответ:
 (1)
<STYLE type="text/css"> H1 {border-width: 1; border: solid; text-align: center} </STYLE>
 
 (2)
<STYLE media="text/css"> H1 {border-width: 1; border: solid; text-align: center} </STYLE>
 
 (3)
<STYLE type="text/css"> H1 {border: 1; border: solid; text-align: top} </STYLE>
 
Упражнение 5:
Номер 1
В каком примере информация стиля воздействует только на элементы H1
определенного класса:
Ответ:
 (1)
<STYLE type="text/css"> H1 {border-width: 1; border: solid; text-align: center} </STYLE>
 
 (2)
<STYLE type="text/css"> H1 {border-width: 1; border: solid; text: center} </STYLE>
 
 (3)
<STYLE type="text/css"> H1.myclass {border-width: 1; border: solid; text-align: center} </STYLE>
 
Номер 2
Какой пример ограничивает область видимости стилевой информации до одного объекта H1
?
Ответ:
 (1)
<STYLE type="text/css"> H1.myclass {border-width: 1; border: solid; text-align: center} </STYLE> ... <H1 id="myid">...</H1>
 
 (2)
<STYLE type="text/css"> #myid {border-width: 1; border: solid; text-align: center} </STYLE> ... <H1 id="myid">...</H1>
 
 (3)
<STYLE type="text/css"> H1 {border-width: 1; border: solid; text-align: center} </STYLE> ... <H1 id="myid">...</H1>
 
Номер 3
Какие элементы используются обычно так, чтобы не иметь семантики представления?
Ответ:
 (1)
<STYLE>
 
 (2)
<DIV>
 
 (3)
<LINK>
 
 (4)
<SPAN>
 
Упражнение 6:
Номер 1
В каком примере элемент SPAN
устанавливает стиль шрифта нескольких слов в начале параграфа в малые прописные?
Ответ:
 (1)
<STYLE type="text/css"> SPAN.sc-ex { font-small-caps: yes } </STYLE>
 
 (2)
<STYLE type="text/css"> SPAN.sc-ex { font: normal } </STYLE>
 
 (3)
<STYLE type="text/css"> SPAN.sc-ex { font-variant: small-caps } </STYLE>
 
Номер 2
В каких примерах для элемента EM
будет установлен наклонный шрифт?
Ответ:
 (1)
<STYLE type="text/css"> EM { font-style: oblique }
 
 (2)
<STYLE type="text/css"> EM { font: italic }
 
 (3)
<STYLE type="text/css"> EM { font: oblique }
 
 (4)
<STYLE type="text/css"> EM { font-style: normal }
 
Номер 3
Как можно задать выравнивание текста по ширине?
Ответ:
 (1)
<STYLE type="text/css"> DIV.Abstract { text-align: justify } </STYLE>
 
 (2)
<STYLE type="text/css"> DIV.Abstract { text-align: center } </STYLE>
 
 (3)
<STYLE type="text/css"> DIV.Abstract { text-align: left } </STYLE>
 
 (4)
<STYLE type="text/css"> DIV.Abstract { text-align: right } </STYLE>
 
Упражнение 7:
Номер 1
В каком примере при отображении на бизнес-совещании, все объекты будут голубого цвета?
Ответ:
 (1)
<STYLE type="text/css" media="projection"> H1 { color: blue} </STYLE>
 
 (2)
<STYLE type="text/css"> H1 { color: blue} </STYLE>
 
 (3)
<STYLE type="text/css" dir="projection"> H1 { color: blue} </STYLE>
 
Номер 2
В каком случае объекты будут центрироваться при печати?
Ответ:
 (1)
<STYLE type="text/css" media="print"> H1 { text-align: center } </STYLE>
 
 (2)
<STYLE type="text/css" title="print"> H1 { text-align: center } </STYLE
 
 (3)
<STYLE type="text/css" dir="projection"> H1 { color: blue} </STYLE>
 
Номер 3
Как можно добавить звуковые эффекты к якорю для использования в голосовом выводе?
Ответ:
 (1)
<STYLE type="text/css" media="aural"> A { cue-before: uri(bell.aiff); cue-after: uri(sound.wav)} </STYLE>
 
 (2)
<STYLE type="text/css" media="aural"> A { cue-before: bell.aiff; cue-after: dong.wav} </STYLE>
 
 (3)
<STYLE type="text/css" media="aural"> A { cue-before: uri(bell.aiff)} </STYLE>
 
 (4)
<STYLE type="text/css" media="aural"> A { cue-before: uri(bell.aiff); cue-after: uri(dong.wav)} </STYLE>
 
Упражнение 8:
Номер 1
С какими атрибутами элемента LINK
определяется внешняя таблица стилей?
Ответ:
 (1)
lang
 
 (2)
id
 
 (3)
href
 
 (4)
type
 
Номер 2
В каком примере определена основная таблица стилей?
Ответ:
 (1)
<LINK href="mystyle.css" rel="main" type="text/css">
 
 (2)
<LINK href="mystyle.css" title="Medium" rel="alternate stylesheet" type="text/css">
 
 (3)
<LINK href="mystyle.css" title="compact" rel="stylesheet" type="text/css">
 
Номер 3
В каком элементе нужно определить основную таблицу стилей, чтобы она имела более высокий приоритет?
Ответ:
 (1)
<HEAD>
 
 (2)
<BODY>
 
 (3)
<P>
 
 (4)
<META>
 
Упражнение 9:
Номер 1
Какие элементы используются при создании каскада?
Ответ:
 (1)
<A>
 
 (2)
<INPUT>
 
 (3)
<LINK>
 
 (4)
<STYLE>
 
Номер 2
Стилевая информация каскадируется в том порядке, в котором элементы появляются в:
Ответ:
 (1)
<HEAD>
 
 (2)
<BODY>
 
 (3)
<HTML>
 
 (4)
<TITLE>
 
Номер 3
В каких примерах корректно определены таблицы стилей?
Ответ:
 (1)
<LINK rel="stylesheet" title="compact" href="small-base.css" type="text/css">
 
 (2)
<LINK rel="stylesheet" title="compact" href="small-extras.css" type="text/css">
 
 (3)
<LINK rel="stylesheet" title="big print" href="bigprint.css" type="text/css">
 
 (4)
<LINK rel="stylesheet" href="common.css" type="text/css">