4 Концепция html
4.1 Структура html страницы
По современным представлениям электронный документ – это некоторая информационная сущность, у которой можно выделить четыре аспекта: содержание, структуру, стиль, поведение. Содержание определяет информационное наполнение документа, его ценность как источника информации. Структура определяет элементы содержания (абзац, список, таблица, раздел, картинка, объект) и связи между ними (предок - потомок, целое - часть). Стиль задаёт внешнее оформление документа (цвет, гарнитуру и размер шрифта, графические эффекты, выравнивание абзацев). Поведение определяет реакцию документа на события, инициируемые пользователем (нажатие клавиш клавиатуры и мыши, наведение мыши, перемещение фокуса ввода) и программой просмотра (начало или окончание загрузки документа, переход к другому документу). Так, структура и содержание документа описываются средствами HTML. Стиль документа описывается средствами языка CSS, а поведение – средствами скриптов, фрагментов кода (например JavaScript). Использование CSS позволяет облегчить сопровождение документа, сделав его менее громоздким и более структурированным. Структура HTML-документа описывается с помощью тегов, имеющих имя, которыми они идентифицируется. Тег (tag) – это элемент разметки, который представляет собой текст, заключенный в угловые скобки < >. Теги управляют отображением информации но при этом сами не выводятся на экран. Теги бывают одиночными, открывающими и закрывающими: <имя_элемента> отображаемое содержимое </имя_элемента> Пара из открывающего и закрывающего тега называется контейнером. Тег может описывать сложный фрагмент структуры, и для определения его параметров используются атрибуты, имеющие имя и значение, в виде строки в кавычках: <имя_элемента имя_атрибута = "значение атрибута"> У некоторых атрибутов значение отсутствует. Корневым элементом любого HTML-документа является контйнер HTML, в котором размещается всё содержимое документа. Оно включает две обязательные частей: Head (заголовк) и Body (тело), следующих в указанном порядке. <HTML> <Head> </Head> <Body> </Body> </HTML> Элементы HTML делятся на три группы: заголовочные, блоковые и текстовые. Заголовочные располагаются в разделе заголовка, блоковыеописывают структуру документа и содержат текст или другие блоковые либо текстовые элементы. Текстовые элементы содержат непосредственно текст документа и другие текстовые элементы. Текстовые элементы не могут содержать блоковые элементы.
4.2 Раздел заголовка
Из элементов, которые могут употребляться в разделе заголовка документа, рассмотрим теги Base, BaseFont, Meta и Title. Base. Указывает базовый URL, относительно которого будут разрешаться все относительные URL, встречающиеся в этом документе. URL указывается атрибутом Href (hyper reference – гиперссылка), а имя целевого фрейма, в который будут загружаться соответствующие документы, – атрибутом Target (необязательный атрибут). <HTML> <Head> <Base Href = "http://msdn.microsoft.com/library/index.html"> </Head> <Body> <A Href = "../others/toc.html">Click me</A> </Body> </HTML> Basefont. Указывает параметры отображения текста в случае, если они не заданы явно. Имеет следующие атрибуты: Size (размер) обязательный атрибут, Color (цвет), Face (гарнитура). <BaseFont color = "black" Font = "Arial, Tahoma, Verdana" Size = "4"> Meta. Предназначен для внедрения в документ информации о нем самом (метаинформации), которая может быть использована службами поиска документов в Internet. <Meta http-equiv = "Content-Type" Content = "text/html; CharSet = Windows-1251"> Этот элемент указывает, что тип документа – text/html, а его содержимое представлено в кодировке windows-1251, принятой в русскоязычных версиях ОС Windows. В результате документ после загрузки будет отображен правильно даже в нерусифицированных браузерах (если, конечно, в системе установлены соответствующие шрифты). Title. Указывает строку, выводимую в заголовке окна браузера. <Title>An introduction to HTML</Title> Link. Определяет соотношение между текущим документом и другими документами. Используется для связывания документов со списками стилей: <link Rel="stylesheet" Type="text/css" Href="acad.css"> ^