6. Теги, атрибуты, контейнеры, мнемонические подстановки. Блочные и строчные теги. Теги создания абзацев, заголовков, списков, внутриабзацного выделения, гиперссылок, иллюстраций.

Документ HTML состоит из текста, составляющего содержание веб-страницы, размеченного при помощи вставленных непосредственно в текст управляющих конструкций разметки, называемых тегами. Теги в HTML заключаются в угловые скобки. Кроме имени тега в угловые скобки включаются атрибуты, уточняющие действие тегов, записанные по синтаксису имя_атрибута="значение". Различают открывающиеся и закрывающиеся теги, закрывающиеся отличаются наличием символа "слэш" ("/") перед именем. Действие тега распространяется на текст от открывающегося до соответствующего закрывающегося тега. Совокупность открывающегося и закрывающегося тегов называется контейнером. Контейнер вместе с текстом, на который распространяется его действие, называется элементом структуры HTML. Правила HTML допускают вложенность элементов, но не их пересечение, то есть тот из двух элементов, который открылся раньше, обязательно должен заканчиваться позже. Наряду с тегами используются так называемые ссылки на символьные объекты (CER, Character Entity References), или мнемонические подстановки, служащие для вывода на страницу специальных символов. Мнемонические подстановки начинаются со знака амперсанда и оканчиваются точкой с запятой, например   (неразрывный пробел).

7. Теги и атрибуты, используемые для создания таблиц в языке HTML. Объединение ячеек. Особенности таблиц, используемых для вывода табличных данных и для создания каркаса страниц. Преимущества и недостатки верстки страниц с использованием таблиц.

8. Веб-формы как средство обратной связи страницы с веб-сервером. Методы отправки данных, их преимущества и недостатки. Элементы форм - текстовые поля ввода, списки, флажки, радиокнопки.

Формы - специально ограниченные области страницы сайта, в которых посетителю сайта предлагается внести какую-либо информацию или выбрать какие-либо определённые действия из ряда предлагаемых. Формы на сайте, по сути, - аналоги бумажных форм, анкет, бланков и опросных листов. Формы содержат поля для заполнения, списки и переключатели для выбора одного или нескольких элементов.

Форма может использоваться для получения сведений от посетителей сайта, например для сбора персональных сведений, сведений о сделанных заказах, сведений, необходимых для выставлении счетов, месте и способе доставки и т.д. От посетителей сайта требуют ввести различные сведения в поля формы.

Указанные сведения задаются путём настройки переключателей, флажков и раскрывающихся списков и ввода информации в текстовые поля.

Имеется возможность задавать способ сбора данных, введённых посетителями сайта, и задавать способ отображения этих результатов в форме на странице подтверждения, просматриваемой посетителем.

Формы могут работать только тогда, когда они поддерживаются сервером.

Элементы формы, в которые можно ввести текст, называются полями формы. Поля формы могут уже содержать своё название ("Обзор", "Сброс", "Отправить" и т.д.) или позволяют вводить текст.

Примеры часто используемых форм

Форма сбора персональных сведений о посетителе

Форма сбора сведений о фирме, которую представляет посетитель

Форма сбора информации о произведенном заказа

Форма сбора информации для выставлении счёта

Форма для поиска информации на сайте

Форма для идентификации посетителя (проверка логина и пароля посетителя)

9. Каскадные таблицы стилей CSS. Способы включения в документ - внешние, внутренние и локальные стили. Синтаксис CSS - селекторы, свойства. Селекторы по элементу, по классу и по ID элемента. Каскадирование.

Каскадные таблицы стилей CSS служат для реализации принципа разделения структуры документа и его оформления — в файле HTML остается только структура, а все оформление выносится в отдельный файл CSS, либо в специальный раздел файла HTML. В первом случае таблицу стилей называют внешней, она может подключаться к файлу HTML при помощи тега <link>. Во втором случае таблицу стилей называют внутренней, она может располагаться внутри контейнера <style> в разделе <head>. В этом случае содержимое контейнера <style> интерпретируется не по правилам HTML, а по правилам CSS. Кроме того, возможны локальные определения стилей, действующие только на отдельный элемент. Они задаются как значение атрибута style соответствующего тега.

CSS имеет собственный синтаксис, в корне отличающийся от синтаксиса HTML. Файл CSS (или содержимое контейнера <style>) представлен как перечень взаимно независимых правил, порядок записи которых не имеет отношения к порядку элементов HTML. Каждое правило состоит из селектора и заключенного в фигурные скобки блока определения свойств. Определения свойств разделяются точкой с запятой, внутри каждого определения свойство отделяется от значения двоеточием. В итоге каждое правило выглядит следующим образом:

селектор { свойство_1: значение 1; свойство_2: значение 2; }

Селектор определяет группу элементов, на которые действует правило, а определения свойств задают вид элементов этой группы. Свойства CSS по своему значению часто могут быть сопоставлены с тегами и атрибутами HTML, так свойство font-size аналогично атрибуту size тега font.

Основными типами селекторов являются селекторы по элементу, по классу и по уникальному идентификатору id. При помощи определения класса можно задать группу элементов, на которую будет распространяться правило, а заданием уникального идентификатора можно распространить правило на конкретный элемент. Селекторы по элементам, классам, и id могут группироваться, уточняя область действия правила. В случае, если на один и тот же элемент распространяется действие нескольких правил, которые могут противоречить друг другу, выполняются правила каскадирования, то есть разрешения таких противоречий.