- •Экзаменационные вопросы для студентов 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: синтаксис, свойства и их описание. Пример.
- •Описание
- •Синтаксис
- •Перечень типовых задач третьего вопроса экзаменационного вопроса:
Синтаксис
<embed width="..." height="..."></embed>
Атрибуты
align Определяет как объект будет выравниваться на странице и способ его обтекания текстом.
height Высота объекта.
hidden Указывает, скрыть объект на странице или нет.
hspace Горизонтальный отступ от объекта до окружающего контента.
pluginspage Адрес страницы в Интернете, откуда можно скачать и установить плагин к браузеру.
src Путь к файлу.
type MIME-тип объекта.
vspace Вертикальный отступ от объекта до окружающего контента.
width Ширина объекта.
2 способ. Добавляет, воспроизводит и управляет настройками аудиозаписи на веб-странице. Путь к файлу задается через атрибут srcили вложенный тег <source>. Внутри контейнера <audio> можно написать текст, который будет выводиться в браузерах, не работающих с этим тегом.
Синтаксис
<audio src="URL"></audio>
<audio>
<source src="URL">
</audio>
Атрибуты
autoplay Звук начинает играть сразу после загрузки страницы.
controls Добавляет панель управления к аудиофайлу.
loop Повторяет воспроизведение звука с начала после его завершения.
preload Используется для загрузки файла вместе с загрузкой веб-страницы.
src Указывает путь к воспроизводимому файлу.
Тег <bgsound> определяет музыкальный файл, который будет проигрываться на веб-странице при ее открытии. Громкость, продолжительность звучания музыки и другие характеристики определяются с помощью атрибутов тега, а также могут управляться через скрипты. Этот тег должен размещаться только в контейнере <head>.
Синтаксис
<head>
<bgsound атрибуты>
</head>
Атрибуты
balance Управляет балансом звука между правой и левой колонками.
loop Устанавливает, сколько раз проигрывать музыкальный файл.
src Путь к музыкальному файлу.
volume Задает громкость звучания музыки.
Добавляет, воспроизводит и управляет настройками видеоролика на веб-странице. Путь к файлу задается через атрибут srcили вложенный тег <source>. Список поддерживаемых браузерами аудио и видеокодеков ограничен и приведен в табл. 1.
Синтаксис
<video>
<source src="URL">
</video>
Атрибуты
autoplay Видео начинает воспроизводиться автоматически после загрузки страницы.
controls Добавляет панель управления к видеоролику.
height Задает высоту области для воспроизведения видеоролика.
loop Повторяет воспроизведение видео с начала после его завершения.
poster Указывает адрес картинки, которая будет отображаться, пока видео не доступно или не воспроизводится.
preload Используется для загрузки видео вместе с загрузкой веб-страницы.
src Указывает путь к воспроизводимому видеоролику.
width Задает ширину области для воспроизведения видеоролика.
Source
Вставляет звуковой или видеофайл для тегов <audio> и <video>. Обобщенно такие файлы называются медийными.
<audio>
<source src="URL">
</audio>
<video>
<source src="URL">
</video>
Атрибуты
media Определяет устройство, для которого будет воспроизводиться файл.
src Адрес файла.
type MIME-тип медийного источника.
Meta теги в HTML для указания служебной информации на Web-странице: кодировка символов и язык, информация о документе, описание страницы, адрес, обновление страницы, время действия документа и кэш, команды для робота, эффекты для перехода по ссылке. Атрибуты, свойства,. Примеры.
<meta> определяет метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных. Разрешается использовать более чем один метатег, все они размещаются в контейнере <head>. Как правило, атрибуты любого метатега сводятся к парам «имя=значение», которые определяются ключевыми словами content, name илиhttp-equiv.
<head>
<meta content="...">
</head>