Введение в HTML — Ответы на тесты Intuit.ru
Ответы на курс: Введение в HTML
В каких случаях необходимо применение CER (Character Entity Reference)?
для описания символов, отсутствующих в кодировке US ASCII | |
в случае необходимости указания знаков «<» и «>« | |
✓ | для описания служебных символов языка разметки HTML, которые могут быть неверно обработаны браузером |
Что означает DTD (Document Type Definition)?
<!DOCTYPE HTML PUBLIC "- //W3C//DTD HTML 4.0 Transitional//EN">
✓ | указывает, что документ соответствует стандарту HTML 4.0, используемый язык английский |
говорит о необходимости привести документ к стандарту HTML 4.0, используя английский язык | |
указание браузеру соблюдать стандарт HTML 4.0 при отображении документа |
Найдите неверные фрагменты кода:
✓ | </html> </body> <center> <ahref="doc.htm">Гиперссылка</a> </center> </body> </html> |
✓ | <html> <body> <center> <a href="doc.htm">Гиперссылка<a> </center> <body> <html> |
<html> <body> <center> <a href="doc.htm">Гиперссылка</a> </center> </body> </html> |
Какой тэг служит для размещения кода JavaScript?
Найдите правильный способ привязки внешней таблицы стилей к документу.
<LINK HREF=stylesheet href=»../css/style.css» TYPE=»text/css»> | |
✓ | <LINK REL=stylesheet href=»../css/style.css» TYPE=»text/css»> |
<LINK REL=stylesheet rel=»../css/style.css» TYPE=»text/css»> |
Какой тег служит для именования документа в World Wide Web?
Какой тэг определяет документ HTML?
Какой из приведенных тегов позволяет создавать ненумерованные списки?
Какой URL будет сформирован для ссылки в приведенном фрагменте?
<BASE HREF="http://intuit.ru/"> <BODY> <A HREF="doc1.html">Документ 1</A> </BODY>
правильный URL не может быть сформирован | |
✓ | http://intuit.ru/doc1.html |
http://intuit.ru/docs/doc1.html |
Какой атрибут тэга BODY позволяет задать цвет фона страницы?
✓ | bgcolor |
color | |
set | |
background-color |
Какие из приведенных тегов являются тегами управления разметкой?
✓ | <h2> |
в приведенном списке таких тегов нет | |
<B> | |
✓ | <BR> |
Какой из приведенных тегов позволяет создавать нумерованные списки?
Какие из приведенных тегов являются тегами, управляющими формой отображения текста?
<Q> | |
✓ | <I> |
✓ | <SUP> |
<EM> |
Имеется сервер http://intuit.ru, на котором находятся два документа:
http://intuit.ru/intuit.html и http://intuit.ru/intuit/detail.html.
Какая из приведенных форм записи ссылки из первого документа на второй документ является верной?
<A HREF=»detail.html»>Подробнее об Университете </A> | |
<BASE HREF=»http://intuit.ru»> | |
✓ | <A HREF=»intuit/detail.html#det2″>Подробнее об Университете </A> |
Какой атрибут тега <IMG> задает горизонтальное расстояние
между вертикальной границей страницы и изображением?
Какой из приведенных тегов описывает активное изображение?
<img src=»image.jpg» width=100 height=100 usemap> | |
<img src=»image.jpg» width=100 height=100> | |
✓ | <img src=»image.jpg» width=100 height=100 usemap=»#map1″> |
Укажите неправильный способ определения карты изображения:
<MAP NAME=»map»> <AREA SHAPE=»rect» COORDS=»0,0,100,100″ HREF=»http://www.intuit.ru/help/index.html»></MAP> | |
<MAP NAME=»map»><AREA SHAPE=»circle» COORDS=»100,0,200″ HREF=»http://www.intuit.ru/shop/index.html»></MAP> | |
✓ | <AREA COORDS=»100,0,200,100″ HREF=»http://www.intuit.ru/shop/index.html»> |
Выберите корректный пример вставки изображения в HTML-документ.
<INPUT TYPE=image> | |
<BODY BACKGROUNDIMAGE=»1.gif» alt=»image»> | |
<A HREF=»1.gif» alt=»image»> | |
✓ | <IMG SRC=»1.gif» alt=»image»> |
С помощью какого элемента можно создавать выпадающие списки в формах?
TEXTAREA | |
INPUT | |
✓ | SELECT |
Какой из приведенных фрагментов кода создает переключатель?
<input type=radiobutton name=a1 value=1><input type=radiobutton name=a1 value=2> | |
✓ | <input type=radio name=a1 value=1><input type=radio name=a1 value=2> |
<input type=checkbox name=a1 value=1><input type=checkbox name=a1 value=2><input type=text name=a1 value=2> |
С помощью какого контейнера задается форма?
Какой из приведенных тегов используется при создании элементов с возможностью выбора нескольких вариантов одновременно?
<INPUT TYPE=RADIO> | |
<INPUT TYPE=RADIOBOX> | |
<INPUT TYPE=TEXTAREA> | |
<INPUT TYPE=OPTION> | |
✓ | <INPUT TYPE=CHECKBOX> |
В каких примерах внешний FRAMESET делит доступное пространство на три столбца, а внутренний FRAMESET делит второй фрейм на два ряда неравной высоты?
<FRAMESET cols=»45%, 55%»>…<FRAMESET rows=»10%, 20%»>…</FRAMESET>…</FRAMESET> | |
✓ | <FRAMESET cols=»33%, 33%, 34%»>…<FRAMESET rows=»30%, 20%»>…</FRAMESET>…</FRAMESET> |
<FRAMESET cols=»50%, 50%»>…<FRAMESET rows=»40%, 50%»>…</FRAMESET>…</FRAMESET> | |
✓ | <FRAMESET cols=»33%, 33%, 34%»>…<FRAMESET rows=»40%, 50%»>…</FRAMESET>…</FRAMESET> |
Какой атрибут определяет имя фрейма, в котором будет открыт документ?
alt | |
style | |
title | |
✓ | target |
При задании какого атрибута браузер будет рисовать разделитель между этим фреймом и каждым смежным фреймом?
✓ | <FRAME frameborder=»1″> |
<FRAME frameborder=»0″> | |
<FRAME border=»1″> |
В каком примере второй столбец = 250 пикселов, первый = 25% и третий = 75% от оставшегося пространства?
✓ | <FRAMESET cols=»1*,250,3*»> |
<FRAMESET cols=»25,250,3*»> | |
<FRAMESET cols=»1*,250,75″> | |
<FRAMESET cols=»25,250,75″> |
Укажите верный способ определения карты изображения:
<AREA COORDS=»100,0,200,100″ HREF=»http://www.intuit.ru/shop/index.html»> | |
✓ | <MAP NAME=»map»><AREA SHAPE=»circle» COORDS=»100,0,200″ HREF=»http://www.intuit.ru/shop/index.html»></MAP> |
✓ | <MAP NAME=»map»> <AREA SHAPE=»rect» COORDS=»0,0,100,100″ HREF=»http://www.intuit.ru/help/index.html»></MAP> |
Какие из приведенных тегов неверно описывают активное изображение?
✓ | <img src=»image.jpg» width=100 height=100> |
✓ | <img src=»image.jpg» width=100 height=100 usemap> |
<img src=»image.jpg» width=100 height=100 usemap=»#map1″> |
Какой пример кода определяет вывод горизонтальных фреймов?
✓ | <FRAMESET rows=»25%, 75%»> |
<FRAMESET cols=»45%, 55%»> | |
<FRAMESET cols=»50%, 50%»> | |
✓ | <FRAMESET rows=»15%, 85%»> |
Какой из приведенных тегов описывает тело классической модели документа?
<HTML> | |
<BODY> | |
<BODY CONTENT> | |
<HEAD> |
Таги, характеризующие тип информации — Таги, характеризующие тип информации — Пособие по HTML — Каталог статей
Таги, характеризующие тип информации
Таг Значение
<ЕМ>… </ЕМ> Типографское усиление
<СIТЕ>…</СIТЕ> Цитирование
< STRONG >.</ STRONG > Усиление
<СODE>… </СОDE> Отображает примеры кода (например, коды программ)
<SАМР>… </SАМР> Последовательность литералов
<КВD>… </КВD> Пример ввода символов с клавиатуры —
<VAR>…</VAR> Переменная
<DFN>… </DFN> Определение
<Q>- </Q> Текст, заключенный в скобки
Все эти таги допускают вложенность и пересечение друг другом, поэтому все они имеют таг начала и конца. При использовании этих тагов следует помнить, что их отображение зависит от настроек программы-интерфейса пользователя, которые могут и не совпадать с настройками программы-разработчика гипертекста. Использование стилей, которые подменяют настройки интерфейса, в настоящий момент проблематично.
Пример 1.5. Использование тагов, управляющих формой отображения.
<HTML>
<HEAD>
<TITLE> Главная страница</TITLE>
</HEAD>
<BODY>
<h2 ALIGN=CENTER>Компания.</h2>
<h4 ALIGN=LEFT><I>Открытое акционерное общество Компания осно-ванная в
1996 году, является одним из ведущих поставщиков бытовой электроники в
России.</I></h4>
<h4 ALIGN=RIGHT><B>Основными направлениями деятельности Компании
являются</B>:
реализация бытовой электроники ведущих фирм мира через сеть магазинов;
создание сервисных центров по обслуживанию бытовой электроники;</h4>
<h4><U> Компания ищет агентов по сбыту бытовой электроники.</U></h4>
<H5 ALIGN=CENTER><TT>Контактная информация</TT>
<DL>Telephone (123) 123-34-56
<DL>FAX (123) 123-34-56
<DL>Почтовый адрес 123456 г. Город, ул Лесная, 106
Электронная почта
<DL>Общая информация: [email protected]
<DL>Продажи: [email protected]</DL>
Copyright © 1997 Компания</H5>
</BODY>
</HTML>
Рис. 1.5. Таги отображения стилей текста
Таг <DL>
Использование тага списка (Definition List: <DL>) напоминает применение отступов в обычных текстовых редакторах. Таг <DL> был создан для форматирования текста, определяющего какой-то термин. Определяемый термин записывается на одной строке, а его определение на следующей, с небольшим отступом вправо. Таг <DL> позволяет создавать отдельные абзацы с отступом без нумерации или маркеров. Отступ делается от левого края. Если у вас на странице несколько тагов <DL>, то текст постепенно сдвигается все больше вправо. В конце определения поместите закрывающий таг </DL>. Помните, что таг <DL> сдвигает только левую границу абзаца.
Курсив, усиление, подчеркивание, верхний индекс, нижний индекс, шрифт большой, маленький, красный, синий, различные комбинации — все это делает страницы более интересными. Microsoft Internet Explorer и Netscape Navigator позволяют определить шрифт с помощью тега FONT. Теперь можно объединять на одной странице несколько видов шрифтов, вне зависимости от того, какой из них задан по умолчанию в браузере пользователя. Теги <ВIG> и <SMALL> — изменение размеров шрифта Текст, расположенный между тегами <ВIG></ВIG> или <SMALL> </SMALL>, будет, соответственно, больше или меньше стандартного. Верхние и нижние индексы С помощью тегов <SUР> и <SUВ> можно задавать верхние и нижние индексы, необходимые для записи торговых знаков, символов копирайта, ссылок и сносок. Рассматриваемые теги позволяют создать внутри текстовой области верхние или нижние индексы любого размера. Чтобы они казались меньше окружающего текста, можно использовать теги <SUР> и <SUВ> с атрибутом FONT SIZE=-1, уменьшающим размер шрифта. Атрибут SIZЕ Атрибут SIZЕ тега <FОNТ> позволяет задавать размер текста в данной области. Если вы не пользуетесь тегом<BASEFONT SIZE=n> для задания определенного размера шрифта на всей странице, то по умолчанию принимается 3. Некоторые браузеры тег <FONТ> не поддерживают, поэтому желательно употреблять его только внутри текстовой области. В других случаях лучше использовать теги <Н1>, <Н2>, <НЗ> и т.д. Главное преимущество тега <FONТ> состоит в том, что после окончания действия он не разбивает строку, как теги<Нn>. Поэтому тег <FONТ> бывает очень полезен для изменения размера шрифта в середине строки. Атрибут СОLОR Если вы хотите сделать свою страницу более красочной, можете воспользоваться атрибутом СОLОR в тегеFONТ, и тогда единственным ограничением будет цветовая палитра на компьютере пользователя. Теги, управляющие формой отображения, приведены в таблице.
Эти теги допускают вложенность, поэтому все они имеют тег начала и конца. При использовании таких тегов следует помнить, что их отображение зависит от настроек программы-интерфейса пользователя, которые могут и не совпадать с настройками программы-разработчика гипертекста. Блоки цитат — элемент <ВLОСKQUOTE> Тег добавляет поля слева и справа от текста. Это полезный тег, поскольку он позволяет компактно расположить текст в центре страницы. При неоднократном использовании <ВLОСKQUOTE> текст все больше сжимается к центру.
Создание списков в HTML Списки являются важным средством структурирования текста и применяются во всех языках разметки. В НТМL имеются следующие виды списков: ненумерованный список (неупорядоченный) (Unordered Lists <UL>), нумерованный список (упорядоченный) (Ordered Lists <OL>) и список определений. Теги для ненумерованных и нумерованных списков — это основа HTML. HTML 3.2 добавляет несколько атрибутов к тегам списков для выбора разных типов маркеров в ненумерованных списках и разных схем нумерации в нумерованных. Можно включать такие атрибуты и в сами теги элементов списка (List Item <LI>), чтобы сменить тип маркера в середине списка. После появления нового атрибута все последующие маркеры в списке будут иметь такой же вид. Неупорядоченные списки — тег <UL> Ненумерованный список. Ненумерованный список предназначен для создания текста типа:
Записывается данный список в виде последовательности: <UL> <LI>первый элемент списка <LI>второй элемент списка <LI>третий элемент списка </UL>
Теги <UL> и </UL> — это теги начала и конца ненумерованного списка, тег <LI> (List Item) задает тег элемента списка. Помимо этих тегов, существует тег, позволяющий именовать списки — <LН> (List Header). Читайте также: Рекомендуемые страницы: Поиск по сайту |
Поиск по сайту: |
Теги управления отображением символов
Все эти теги можно разбить на два класса: теги, управляющие формой отображения (font style), и теги, характеризующие тип информации (information type). Часто внешне разные теги при отображении дают одинаковый результат. Это зависит главным образом от настроек интерпретирующей программы и вкусов пользователя.
Теги, управляющие формой отображения
Курсив, усиление, подчеркивание, верхний индекс, нижний индекс, шрифт большой, маленький, красный, синий, различные комбинации — все это делает страницы более интересными. Microsoft Internet Explorer и Netscape Navigator позволяют определить шрифт с помощью тега FONT. Теперь можно объединять на одной странице несколько видов шрифтов, вне зависимости от того, какой из них задан по умолчанию в браузере пользователя.
Теги <ВIG> и <SMALL> — изменение размеров шрифта
Текст, расположенный между тегами <ВIG></ВIG>или<SMALL> </SMALL>, будет, соответственно, больше или меньше стандартного.
Верхние и нижние индексы
С помощью тегов <SUР>и<SUВ>можно задавать верхние и нижние индексы, необходимые для записи торговых знаков, символов копирайта, ссылок и сносок. Рассматриваемые теги позволяют создать внутри текстовой области верхние или нижние индексы любого размера. Чтобы они казались меньше окружающего текста, можно использовать теги<SUР>и<SUВ>с атрибутомFONT SIZE=-1, уменьшающим размер шрифта.
Атрибут sizе
Атрибут SIZЕтега<FОNТ>позволяет задавать размер текста в данной области. Если вы не пользуетесь тегом<BASEFONT SIZE=n>для задания определенного размера шрифта на всей странице, то по умолчанию принимается 3. Некоторые браузеры тег<FONТ>не поддерживают, поэтому желательно употреблять его только внутри текстовой области. В других случаях лучше использовать теги<Н1>,<Н2>,<НЗ>и т.д. Главное преимущество тега<FONТ>состоит в том, что после окончания действия он не разбивает строку, как теги<Нn>. Поэтому тег<FONТ>бывает очень полезен для изменения размера шрифта в середине строки.
Атрибут соlоr
Если вы хотите сделать свою страницу более красочной, можете воспользоваться атрибутом СОLОRв тегеFONТ, и тогда единственным ограничением будет цветовая палитра на компьютере пользователя.
Теги, управляющие формой отображения, приведены в таблице.
Таблица 3.3. Теги, управляющие формой отображения | |||
Тег | Значение | ||
<I>…</I> | Курсив (Italic) | ||
<B>…</B> | Усиление (Вold) | ||
<TT>…</TT> | Телетайп | ||
<U>…</U> | Подчеркивание | ||
<S>…</S> | Перечеркнутый текст | ||
<BIG>…</BIG> | Увеличенный размер шрифта | ||
<SMALL>…</SMALL> | Уменьшенный размер шрифта | ||
<SUB>…</SUB> | Подстрочные символы | ||
<SUP>…</SUР> | Надстрочные символы | ||
Таблица 3.4. Теги, характеризующие тип информации | |||
Тег | Значение | ||
<ЕМ>…</ЕМ> | Типографское усиление | ||
<СIТЕ>…</СIТЕ> | Цитирование | ||
<STRONG>…</STRONG> | Усиление | ||
<СODE>…</СODE> | Отображает примеры кода (например, «коды программ») | ||
<SАМР>…</SАМР> | Последовательность литералов | ||
<КВD>…</КВD> | Пример ввода символов с клавиатуры | ||
<VAR>…</VAR> | Переменная | ||
<DFN>…</DFN> | Определение | ||
<Q>…</Q> | Текст, заключенный в двойные кавычки |
Эти теги допускают вложенность и пересечение друг с другом, поэтому все они имеют тег начала и конца. При использовании таких тегов следует помнить, что их отображение зависит от настроек программы-интерфейса пользователя, которые могут и не совпадать с настройками программы-разработчика гипертекста.
Блоки цитат — элемент <ВLОСKQUOTE>
Тег добавляет поля слева и справа от текста. Это полезный тег, поскольку он позволяет компактно расположить текст в центре страницы. При неоднократном использовании <ВLОСKQUOTE>текст все больше сжимается к центру.
Рис. 3.2.
Введение в HTML | ointuit.ru
Введение в HTML
Ответы на курс: Введение в HTML
Укажите ошибочные варианты определения изображения в качестве гиперссылки.
В какой таблице ширина промежутков между ячейками составит 20 пикселей?
HTML — это:
В чем разница между понятиями «элемент разметки» и «контейнер»?
В каких случаях необходимо применение CER (Character Entity Reference)?
Отметьте верное утверждение:
Укажите, что является интерпретатором языка HTML?
Что означает DTD (Document Type Definition)?
<!DOCTYPE HTML PUBLIC "- //W3C//DTD HTML 4.0 Transitional//EN">
Найдите неверные фрагменты кода:
Какой тэг определяет заголовок документа HTML?
Какой тэг служит для размещения кода JavaScript?
Какой тэг содержит управляющую информацию,
которую браузер использует для правильного отображения и обработки
содержания тела документа?
Найдите правильный способ привязки внешней таблицы стилей к документу.
Найдите ошибочное определение гиперссылки.
Какой тэг определяет тело документа HTML?
Какой тег служит для именования документа в World Wide Web?
Какой тэг предназначен для размещения описателей стилей?
Выберите вариант корректного описания синтаксиса тега SCRIPT.
Какой тэг определяет документ HTML?
Какой тег используется для индексирования документов в поисковых системах?
В каких примерах правильно организован синтаксис тега BASE?
Какой тег служит для определения базового URL для гипертекстовых ссылок документа, заданных в неполной форме?
Какой из приведенных тегов позволяет создавать ненумерованные списки?
Какой из приведенных тегов является тегом, характеризующим тип информации?
Какой URL будет сформирован для ссылки в приведенном фрагменте?
<BASE HREF="http://intuit.ru/"> <BODY> <A HREF="doc1.html">Документ 1</A> </BODY>
Какой атрибут тега BODY позволяет изменять цвет текста?
Какой из приведенных примеров задает гипертекстовую ссылку из документа 1.html на другой документ?
Выберите вариант корректной установки цвета фона страницы.
Какой атрибут тэга BODY позволяет задать цвет фона страницы?
Какие из приведенных тегов являются тегами управления разметкой?
Какой из приведенных тегов позволяет создавать нумерованные списки?
Какие из приведенных тегов являются тегами, управляющими формой отображения текста?
Имеется сервер http://intuit.ru, на котором находятся два документа:
http://intuit.ru/intuit.html и http://intuit.ru/intuit/detail.html.
Какая из приведенных форм записи ссылки из первого документа на второй документ является верной?
Какая из приведенных гипертекстовых ссылок представляет наиболее полную форму записи URL?
Какой атрибут тега <IMG> задает горизонтальное расстояние
между вертикальной границей страницы и изображением?
Какие атрибуты принадлежат тегу <IMG>?
Какой из приведённых ниже фрагментов кода выведет в окне обозревателя изображение размером 100 на 200 пикселей?
Какой из приведенных тегов описывает активное изображение?
Какой атрибут тега <IMG> указывает файл изображения и путь к нему?
Укажите неправильный способ определения карты изображения:
Какой атрибут тега <IMG> задает вертикальное
расстояние между строками текста и изображением?
Какой атрибут принадлежит тегу <AREA>?
Выберите корректный пример вставки изображения в HTML-документ.
Укажите правильный вариант определения изображения в качестве гиперссылки.
Какой тег позволяет вставить графическое изображение в HTML-документ?
Как задать цвет фона для строки таблицы?
Как задать фоновое изображение для таблицы?
В какой таблице текст выровнен по центру ячеек?
В какой таблице фон ячеек будет красным?
С помощью какого элемента можно создавать выпадающие списки в формах?
Какой из приведенных тегов создает неотображаемый элемент в форме?
Какой атрибут элемента INPUT отвечает за тип элемента ввода формы?
С помощью какого атрибута элемента FORM указывается адрес, куда отправлять данные формы?
Какой из приведенных фрагментов кода создает переключатель?
Укажите варианты, в которых правильно определён обработчик формы:
Какой атрибут элемента FORM определяет список кодировок для вводимых данных?
Какой атрибут из перечисленных принадлежит тегу INPUT:
С помощью какого контейнера задается форма?
Какой из приведенных тегов используется при создании элементов с возможностью выбора нескольких вариантов одновременно?
Какой из перечисленных элементов формы является необходимым для передачи формы на сервер?
В каком случае форма будет отправлена методом «post»?
Какие теги используются для создания текстовых полей ввода в форме?
В каких примерах внешний FRAMESET делит доступное пространство на три столбца, а внутренний FRAMESET делит второй фрейм на два ряда неравной высоты?
Какой атрибут элемента FRAME определяет ссылку на длинное описание фрейма?
В каких случаях возможность прокрутки окна фрейма будет предоставляться при необходимости?
Допустимо ли следующее использование элемента FRAME?
<HTML> <FRAME SRC="main.html"> <FRAMESET ROW="20%, *"> <FRAME SRC="frame1.html"> <FRAME SRC="frame2.html"> </FRAMESET> </HTML>
В каких случаях возможность прокрутки окна фрейма будет всегда недоступна?
Какой атрибут определяет имя фрейма, в котором будет открыт документ?
В каком случае возможность прокрутки окна фрейма будет доступна всегда?
Установив какой атрибут, можно ссылаться на него как на «target» для ссылок, определенных в других элементах?
Укажите вариант, в котором описано значение атрибута cols элемента FRAMESET по умолчанию:
Для каких элементов может быть установлен атрибут target?
Укажите вариант, в котором описано значение атрибута rows элемента FRAMESET по умолчанию:
При задании какого атрибута браузер будет рисовать разделитель между этим фреймом и каждым смежным фреймом?
В каком примере FRAMESET делит экран на два горизонтальных фрейма?
С помощью какого контейнера задается фреймовая структура документа?
В каком примере второй столбец = 250 пикселов, первый = 25% и третий = 75% от оставшегося пространства?
В каких примерах определены таблицы фреймов из 2 строк и 3 столбцов?
Какие функции можно реализовать с помощью элемента разметки META?
В какой таблице текст выравнен по левому краю ячеек?