- •Экзаменационные вопросы для студентов 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: синтаксис, свойства и их описание. Пример.
- •Описание
- •Синтаксис
- •Перечень типовых задач третьего вопроса экзаменационного вопроса:
Атрибуты
charset Задает кодировку документа.
content Устанавливает значение атрибута, заданного с помощью name или http-equiv.
http-equiv Предназначен для конвертирования метатега в заголовок HTTP.
name Имя метатега, также косвенно устанавливает его предназначение.
Браузеры преобразовывают значение атрибута http-equiv, заданное с помощью content, в формат заголовка ответа HTTP и обрабатывают их, как будто они прибыли непосредственно от сервера.
http-equiv(Любой подходящий идентификатор. Ниже приведены некоторые допустимые значения атрибута http-equiv.
Content-Type Тип кодировки документа.
Expires Устанавливает дату и время, после которой информация в документе будет считаться устаревшей.
Pragma Способ кэширования документа.
Refresh Загрузить другой документ в текущее окно браузера.
)
Кодировка символов и язык
Пример (очень нужный и важный):
<meta http-equiv="Content-Type" Content="text/html; Charset=Windows-1251">
Сначала расскажу зачем необходима эта строка в заголовке html документа. Данная запись указывает браузеру кодировку в которой была написана данная страница - формат документа и раскладку клавиатуры, в данном случае это кириллица для Windows. Если эту строку не писать в заголовке страницы, то есть большая вероятность что весь текст на Вашей странице отобразится в виде непонятных человеку "иероглифов" у разных пользователей тех или иных браузеров. Конечно, пользователь может применить к такому документу команду в браузере Вид->Кодировка->Кириллица, но он может не знать о данной функции, да и зачем утруждать человека данным действием.
Теперь разберём по "слогам" нашу запись: <meta http-equiv="Content-Type" - указываем что в этом мета теге мы будем заниматься Content-Type - типом содержания Content="text/html; - а именно его текстом Charset=Windows-1251"> - документ для Windows - Кириллица где 1251 кодировка раскладки клавиатуры, так например Английская клавиатура будет задаваться Charset=Windows-1252
В настоящее время продвинутые веб-мастера рекомендуют использовать кодировку UTF 8
То есть писать в голове документа вот так:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
Пример:
<meta http-equiv="Content-Language" Content="ru">
В этой строчке говорится о том что язык Language документа является русским Content="ru"
Неправильная установка языка и раскладки клавиатуры может привести к печальным последствиям.
Информация о документе
Пример:
<meta name="author" Content="Остап Бендер"> <meta name="copyright" Content=""Рога и копыта" Остап Бендер">
Данные метаописатели предназначены для заявления об авторских правах непосредственно в заголовке html кода, так name="author" указывает имя автора страницы, а name="copyright" авторское право (копирайт) в котором может указываться фамилия, имя, отчество автора сайта, название фирмы, бренда.. и т. д. Кроме того включив в заголовок документа такое описание Вы значительно упростите задачу поисковой машине при поиске Вашего сайта по имени автора, названию фирмы, бренду...
Пример:
<meta name ="Generator" Content="Microsoft Notepad">
Если хотите можете указать с помощью какого html редактора была написана данная страница.
