- •Экзаменационные вопросы для студентов 41 и 42 группы асои
- •Основы языка гипертекстовой разметки документов (html): понятие, стандарты языка html, редакторы html-документов.
- •Синтаксис html-тегов: виды контейнеров (парные, автономные), атрибуты тегов (определение, формат), комментарии. Примеры.
- •Структура html-документа: секции. Пример html-документа.
- •Элемент html
- •Заголовок документа
- •Тело документа: элемент body
- •Теговая модель построения Web-страниц: основные элементы документа html (понятия разметка документа, тег, элемент).
- •Синтаксис
- •Использование списков-перечислений и гиперссылок: нумерованные и маркированные списки (родительские элементы – ol, ul; структура списка, атрибуты).
- •Атрибуты
- •Гиперссылки: понятия; виды; создание внутренних, внешних ссылок и ссылок на фрагмент в документе; оформление ссылок (link, vlink, alink). Примеры.
- •Табличное представление информации на Web-страницах: теги для создания таблицы (table, tr, td, th, caption), структура таблицы, атрибуты тега table, форматирование таблиц. Примеры.
- •Атрибуты
- •Изображение-карта в html-документе: контейнер map, тег area и его атрибуты. Пример.
- •Атрибуты
- •Атрибуты
- •Создание бегущей строки в html-документе: основные теги и атрибуты. Управление движением бегущей строкой. Примеры.
- •Атрибуты
- •Атрибуты
- •Атрибуты
- •Синтаксис
- •Атрибуты
- •Синтаксис
- •Атрибуты
- •Синтаксис
- •Атрибуты
- •Синтаксис
- •Атрибуты
- •Атрибуты
- •Атрибуты
- •Кодировка символов и язык
- •Информация о документе
- •Описание страницы и ключевые слова
- •Обновление страницы
- •Время действия документа и кэш
- •Команды для робота
- •Эффекты при переходе по ссылке
- •Связанные стили
- •Глобальные стили
- •Внутренние стили
- •Основной формат правила css (селектор, свойства): синтаксис. Виды селекторов (селектор типа, селектор класса, id-селектор, контекстные селекторы).
- •Наследование стилей css: определения «предок», «потомок». Иерархия элементов html-документа. Синтаксис значения свойства inherit. Пример.
- •Каскадирование стилей: разработчик таблицы стилей, пользователь таблицы стилей, таблица стилей браузера. Наивысший, средний и низкий приоритеты правил таблицы. Директива ! important. Пример.
- •Свойства css: синтаксис описания стиля, группы (свойства шрифта: font-family, font-weight, font-size, font-style, font-variant, font-height): атрибуты и их значения, синтаксис, примеры.
- •Синтаксис
- •Значения
- •Синтаксис
- •Значения
- •Значения
- •Описание
- •Синтаксис
- •Значения
- •Описание
- •Синтаксис
- •Значения
- •Значения свойства
- •Описание
- •Синтаксис
- •Значения
- •Единицы измерения размеров и цвета в css: способы, синтаксис, примеры. Абсолютные и относительные единицы измерения: определение, группы.
- •Относительные единицы
- •Абсолютные единицы
- •Базовые понятия
- •Превращение строчных элементов в блочные
- •Позиционирование элементов: суть, свойства для позиционирования. Абсолютное позиционирование: позиционирование блоков и позиционирование текста. Теги. Примеры.
- •Относительное позиционирование: позиционирование блоков и позиционирование текста. Теги. Примеры.
- •Свойство float
- •Свойство clear
- •Синтаксис
- •Фильтры
- •Xray Фильтр xray отображает объект в черно-белом варианте, как на рентгеновском снимке
- •Фильтры: определение, назначение. Динамические фильтры (для преобразования изображений фильтры: revealtrns и blendtrans). Синтаксис, параметры, типы переходов и номера превращений. Примеры.
- •Создания динамических эффектов с элементами языка JavaScript для обработки различных событий: изменение фона таблицы. Пример.
- •Создания динамических эффектов с элементами языка JavaScript для обработки различных событий: изменение стиля текста. Пример.
- •Динамические гиперссылки в css с помощью псевдоклассов ссылок. Пример.
- •Псевдокласс :active.
- •Синтаксис
- •Создание динамических эффектов: изменение цвета полосы прокрутки, изменение стиля курсора. Пример.
- •Создание динамических эффектов: создание ссылок-кнопок, подсветка кнопок и текста. Пример.
- •Анимация с помощью css: синтаксис, свойства и их описание. Пример.
- •Описание
- •Синтаксис
- •Перечень типовых задач третьего вопроса экзаменационного вопроса:
Синтаксис html-тегов: виды контейнеров (парные, автономные), атрибуты тегов (определение, формат), комментарии. Примеры.
HTML-тег записывается в угловых скобках (символы < >)и состоит из имени, за которым может следовать список атрибутов (для большинства тегов необязательный). Имена и атрибуты представляют собой английские слова и аббревиатуры.
Теги условно можно разделить на две группы:
Парные теги (называемые также контейнерами) имеют два компонента: открывающий (начальный) и закрывающий (конечный); закрывающий компонент имеет то же название, но при записи перед названием ставится косая черта (символ /). Между открывающим и закрывающим компонентами может располагаться текст документа и другие теги. Фрагмент документа, расположенный между открывающим и закрывающим элементом тега-контейнера форматируется браузером согласно смыслу тега. Например, текст, расположенный между тегами <B> и </B> , будет выведен полужирным начертанием (название тега - от английского bold). Парные теги могут быть вложены друг в друга, но не должны пересекаться.
Непарные теги (называемые также автономными) не имеют конечного компонента. При их интерпретации в отображаемый документ вставляется тот или иной объект. Например, тег <IMG SRC="pict.gif"> , встречающийся в тексте HTML-документа, вызывает вставку графического изображения из файла pict.gif .
Атрибуты в списке отделяются друг от друга одним или несколькими пробелами, либо символами табуляции, либо символами перевода строки; последовательность записи атрибутов несущественна. Подавляющее большинство атрибутов употребляются в виде пары название атрибута = значение атрибута. В случае, когда значение атрибута представляет собой более чем одно слово либо одно число, его следует заключить в одинарные или двойные кавычки. В закрывающих компонентах тегов атрибуты не указываются.
Комментарии предназначены для удобства редактирования HTML кода. Не зависимо от того пишите ли вы HTML код для себя или для кого-то другого, вставка комментариев может помочь разобраться в HTML коде или ускорить процесс дальнейшего редактирования HTML страниц. Комментарии
Текст, который не виден на HTML странице и помогает разобраться в HTML коде и его отдельных частях или строках человеку редактирующему HTML страницу.
Комментарии задаются очень просто. <!--Текст комментария-->
Структура html-документа: секции. Пример html-документа.
Любой HTML-документ состоит из трех основных секций:
строки, содержащей декларацию типа документа;
заголовка документа (заключенного в теги <HEAD>…</HEAD>);
тела документа (заключенного в теги <BODY>…</BODY> или <FRAMESET>…</FRAMESET>);
Перед каждой секцией и после нее могут находиться символы пробела, табуляции, новой строки и комментарии. Заголовок и тело документа должны быть заключены в теги <HTML>…</HTML>.
Рекомендуется начинать любой HTML-документ со строки, содержащей декларацию типа документа (DTD, document type declaration). HTML 4.0 поддерживает три типа таких деклараций:
Документ строго соответствует стандарту HTML 4.0, т. е. не содержит ни морально устаревших элементов, ни фреймов. Декларация имеет вид:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/html4/strict.dtd">
Документ является переходным к стандарту HTML 4.0, т. е. может содержать морально устаревшие элементы. Декларация имеет вид:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Документ содержит фреймы. Декларация имеет вид:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
Поясним структуру приведенных деклараций. Каждая из них говорит о том, что последующий документ является HTML-документом, созданным в соответствии со стандартом HTML 4.0, разработанномW3C. Последние две буквы первой строки декларации обозначают язык DTD, который всегда является английским ( "EN"). Вторая строка декларации содержит URI, откуда обозреватель может загрузить данную DTD.