Основные сведения о языке HTML

MARGINHEIGHT – ширину (в пикселях) верхнего и нижнего полей документа. Работает только в браузерах Netscape.

TOPMARGIN – ширину (в пикселях) верхнего и нижнего полей документа. Работает только в браузерах Internet Explorer.

MARGINWIDTH – ширину (в пикселях) левого и правого полей документа. Работает только в браузерах Netscape.

LEFTMARGIN – ширину (в пикселях) левого и правого полей документа. Работает только в браузерах Internet Explorer.

BACKGROUND – изображение для «заливки» фона. Значение задаётся в виде полного URL или имени файла с картинкой в формате GIF или JPG.

BGCOLOR – цвет фона документа.

TEXT – цвет текста в документе.

LINK – цвет гиперссылок в документе.

ALINK – цвет подсветки гиперссылок в момент нажатия.

VLINK – цвет гиперссылок на документы, которые уже были просмотрены.

Значения атрибутов BGCOLOR, TEXT, LINK, ALINK и VLINK задаются либо RGB-значением в шестнадцатеричной системе, либо одним из 16 базовых цветов.

Гиперссылки. Ссылки на другие документы в HTML создаются либо с помощью элемента A, либо с помощью навигационных карт. Элемент A применяется, если ссылкой планируется сделать часть текста или целое изображение. Навигационные карты имеет смысл применять, если ссылкой будет часть изображения

A (Anchor) - самый необходимый элемент, без которого Интернет просто немыслим. Используется для создания и использования гипертекстовых ссылок. Атрибуты:

HREF – определяет находящийся между начальным и конечным тегами текст или изображение как гипертекстовую ссылку (URL, или линк) на документ (и/или область документа), указанный в значении данного атрибута. Возможные значения:

http://... – создаёт ссылку на www-документ;

ftp://... – создаёт ссылку на ftp-сайт или расположенный на нём файл;

mailto:... – запускает почтовую программу-клиент с заполненным полем имени получателя. Если после адреса поставить знак вопроса, то можно указать дополнительные атрибуты, разделённые знаком «&»;

news:.. – создаёт ссылку на конференцию сервера новостей;

telnet://... – создаёт ссылку на telnet-сессию с удалённой машиной;

wais://... – создаёт ссылку на WAIS – сервер;

gopher://... – создаёт ссылку на Gopher – сервер;

Если тип соединения и адрес машины не указаны, в качестве отправной точки используется адрес текущего документа. Это позволяет использовать относительные ссылки.

Например, линк <A HREF="docs/title.html">Документация </A> будет ссылаться на файл title.html в подкаталоге docs (относительно текущего каталога).

TARGET – определяет окно (фрейм), на которое указывает гипертекстовая ссылка. Этот атрибут используется только совместно с атрибутом HREF. В качестве значения необходимо задать либо имя одного из существующих фреймов, либо одно из следующих зарезервированных имён:

_self – указывает, что определённый в атрибуте HREF документ должен отображаться в текущем фрейме;

_parent – указывает, что документ должен отображаться во фрейме-родителе текущего фрейма. Иначе говоря, _parent ссылается на окно, содержащее FRAMESET, включающий текущий фрейм;

_top – указывает, что документ должен отображаться в окне-родителе всей текущей фреймовой структуры;

_blank – указывает, что документ должен отображаться в новом окне.

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

Элементы текстовых блоков:

H1, H2, ... H6(Headers) - используются для создания заголовков текста. Существует шесть уровней заголовков, различающихся величиной шрифта. С их помощью можно разбивать текст на смысловые уровни – разделы и подразделы.

Атрибуты:

ALIGN – определяет способ выравнивания заголовка по горизонтали. Возможные значения: left, right, center.

BR(Break) - данный элемент осуществляет перевод строки, то есть практически аналогичен нажатию клавиши Enter в текстовом редакторе. После того, как в браузерах появилась возможность обтекания изображения текстом (cм. атрибут ALIGN элемента IMG), понадобился дополнительный атрибут CLEAR. Элемент не имеет конечного тега.

Атрибуты:

CLEAR – указывает на необходимость завершения обтекания изображения текстом. Может принимать следующие значения :

all – завершить обтекание изображения текстом.

left – завершить обтекание текстом изображения, выровненного по левому краю.

right – завершить обтекание текстом изображения, выровненного по правому краю.

Форматирование текста. В этом разделе описаны элементы для оформления и смыслового выделения текста – подчеркивания, изменения шрифта, выделения курсивом, цитирования и т.д.

Элементы форматирования текста:

FONT - позволяет изменять цвет, размер и тип шрифта текста, находящегося между начальным и конечным тегами. Вне тегов <FONT> и </FONT> используется шрифт, указанный в элементе BASEFONT.

Атрибуты:

SIZE – определяет размер шрифта. Возможные значения: целое число от 1 до 7; относительный размер с указанием знака, вычисляется путём сложения с базовым размером, определённым с помощью атрибута SIZE элемента BASEFONT.

COLOR – определяет цвет текста. Задаётся либо RGB-значением в шестнадцатеричной системе, либо одним из 16 базовых цветов.

FACE – определяет используемый шрифт.

Списки. Списки в HTML бывают двух видов: упорядоченные (пронумерованные) и неупорядоченные (непронумерованные). Отличаются они лишь способом оформления. Перед пунктами неупорядоченных списков обычно ставятся символы-буллеты (bullets), например, точки, ромбики и т.п., в то время как пунктам упорядоченных списков предшествуют их номера.

Элементы:

OL (Ordered List) - создаёт упорядоченный список. Между начальным и конечным тегами должны присутствовать один или несколько элементов LI, обозначающих отдельные пункты списка.

Атрибуты:START – определяет первое число, с которого начинается нумерация пунктов. (только целые числа)

TYPE – определяет стиль нумерации пунктов. Может иметь значения:

"A" – заглавные буквы A, B, C ...

"a" – строчные буквы a, b, c ...

"I" – большие римские числа I, II, III ...

"i" – маленькие римские числа i, ii, iii ...

"1" – арабские числа 1, 2, 3 ...

По умолчанию <UL TYPE="1">.

Объекты.Объекты – это графические и мультимедийные вставки в HTML-документ, такие как картинки, Flash-анимация, Java-апплеты, звуки, музыка, VRML.

Элементы:

IMG(Image) - используется для вставки изображений в HTML-документ. Это один из самых популярных элементов, незаменимый инструмент web-дизайнера. Элемент допускает вставку изображений в форматах JPEG (в том числе progressive jpeg) и Compuserve GIF (включая прозрачные и анимированные). Элемент IMG не имеет конечного тега.

Атрибуты:SRC – обязательный атрибут. Указывает адрес (URL) файла с изображением.

HEIGHT и WIDTH – определяют ширину и высоту изображения соответственно. Если указанные значения не совпадают с реальным размером изображения, изображение масштабируется (порой с заметной потерей качества).

HSPACE и VSPACE – определяют отступ картинки (в пикселях) по горизонтали и вертикали от других объектов документа. Просто необходимо при обтекании изображения текстом.

ALIGN – обязательный атрибут. Указывает способ выравнивания изображения в документе. Может принимать следующие значения:

left – выравнивает изображение по левому краю документа. Прилегающий текст обтекает изображение справа;

right – выравнивает изображение по правому краю документа. Прилегающий текст обтекает изображение слева;

top и texttop – выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки;

middle – выравнивает базовую линию текущей текстовой строки с центром изображения;

absmiddle – выравнивает центр текущей текстовой строки с центром изображения;

bottom и baseline – выравнивает нижнюю кромку изображения с базовой линией текущей текстовой строки;

absbottom – выравнивает нижнюю кромку изображения с нижней кромкой текущей текстовой строки;

NAME – определяет имя изображения, уникальное для данного документа. Вы можете указать любое имя без пробелов с использованием латинских символов и цифр. Имя необходимо, если Вы планируете осуществлять доступ к изображению, например, из JavaScript-сценариев.

ALT – определяет текст, отображаемый браузером на месте изображения, если браузер не может найти файл с изображением или включен в текстовый режим. В качестве значения задается текст с описанием изображения.

BORDER – определяет ширину рамки вокруг изображения в пикселях. Рамка возникает, только если изображение является гипертекстовой ссылкой. В таких случаях значение BORDER обычно указывают равным нулю.

Таблицы. Таблицы в HTML формируются нетрадиционным способом – построчно. Сначала с помощью элемента TR необходимо создать ряд таблицы, в который затем элементом TD помещаются ячейки.

Элементы для создания таблиц:

Примечание: в HTML таблицы используются не только для отображения таблиц как таковых, но и для дизайна. С помощью таблиц можно создать невидимый «каркас» страницы, помогающий расположить текст и изображения так, как Вам нравится.

TD иTH(Table Data & Table Head) - элемент TD создает ячейку с данными в текущей строке. Элемент TH также создает ячейку, но определяет её как ячейку-заголовок.

Такое разграничение позволяет браузерам оформлять содержимое ячейки-заголовка и ячеек с данными разными шрифтами. Кроме того, должна улучшиться работа браузеров, использующих речевой интерфейс. В качестве содержимого ячейки можно использовать другие таблицы.

Атрибуты: ALIGN – определяет способ горизонтального выравнивания содержимого ячейки. Возможные значения: left, center, right. По умолчанию способ выравнивания определяется значением атрибута ALIGN элемента TR. Если же и он не задан, то для TD выполняется выравнивание по левому краю, а для TH – центрирование.

VALIGN – определяет способ вертикального выравнивания содержимого ячейки. Возможные значения: top, bottom, middle. По умолчанию происходит выравнивание по центру (VALIGN="middle"), если значение этого атрибута не было задано ранее в элементе TR.

WIDTH – определяет ширину ячейки. Ширина задается в пикселях или в процентном отношении к ширине таблицы.

HEIGHT – определяет высоту ячейки. Высота задается в пикселях или в процентном отношении к высоте таблицы.

COLSPAN – определяет количество столбцов, на которые простирается данная ячейка. По умолчанию имеет значение 1.

ROWSPAN – определяет количество рядов, на которые простирается данная ячейка. По умолчанию имеет значение 1.

NOWRAP – блокирует автоматический перенос слов в пределах текущей ячейки.

BGCOLOR – определяет цвет фона ячейки. Задаётся либо RGB-значением в шестнадцатеричной системе, либо одним из 16 базовых цветов.

BACKGROUND – заполняет ячейку фоновым рисунком. Необходимо указать URL рисунка.