Текстовые блоки

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

Элементы:

H1, H2,...H6 Используются для создания заголовков текста
P Используется для разметки параграфов.
DIV Отделяет блок HTML-документа от остальной его части
ADDRESS Оформляет текст как почтовый адрес
BLOCKQUOTE Оформляет текст как цитату
BR Осуществляет перевод строки
HR Вставляет в текст горизонтальную разделительную линию.
PRE Включает в документ (моноширинным шрифтом) блок предварительно отформатированного текста
LISTING, PLAINTEXT, XMP Включают в документ (моноширинным шрифтом) блок предварительно отформатированного текста (устаревшие элементы)

H1,H2,...H6

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

Параметры:

ALIGN - определяет способ выравнивания заголовка по горизонтали.

Возможные значения: left, right, center.

Пример:
<H1 ALIGN="center">Самый большой заголовок посередине</H1> <H2>Заголовок поменьше</H2>... <H6>Малюююсенький такой заголовочек</H6>

P

(HTML 2.0) - Paragraph
Используется для разметки параграфов.

Параметры:

ALIGN - определяет способ горизонтального выравнивания параграфа.
Возможные значения: left, center, justify, right. По умолчанию имеет значение left.

Пример:
<P ALIGN="center">Это центрированный параграф.<BR> Текст располагается в центре окна браузера</P> <P ALIGN="right">А это параграф, выровненный по правому краю.</P>

BASE

(HTML 3.2) - Base URL
Указывает базовый адрес текущего документа (URL), который станет отправной точкой для расчета относительных адресов внутри документа. Элемент не имеет конечного тэга. Обязательно присутствие хотя бы одного из параметров.

Параметры:

HREF - определяет базовый адрес (URL) текущего документа.

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

Пример:
<HEAD> <!-- Пусть браузер думает, что находится по адресу: --> <BASE HREF="http://www.igf.ru/other/index.html"> <TITLE>Руководство по эксплуатации</TITLE> </HEAD>... <!-- А теперь создадим относительную ссылку на документ --><!-- http://www.igf.ru/list.html --> <A HREF="../list.html">Список</A>

STYLE

(HTML 3.2) - Style
Используется для вставки в документ таблицы стилей (CSS - Cascade Style Sheet).

Параметры:

TYPE - обязательный параметр. Определяет MIME-тип вставляемого блока стилей. Как правило, значением этого параметра является "text/css".

TITLE - определяет имя создаваемой таблицы стилей. Может пригодиться, если вы собираетесь использовать несколько элементов STYLE в одном документе. В этом случае браузер должен спросить пользователя, какой из предложенных стилей будет применен к документу.

Пример:
<HEAD> <TITLE>Пример использования таблицы стилей</TITLE> <!-- Втыкаем табличку стилей --> <STYLE TYPE="text/css" TITLE="Cool table"> <!-- A {text-decoration: none;} P {color: blue; font-size: 12pt; font-family: Arial;} H1 {color: red; font-size: 18pt;} --> </STYLE> <!--... кончили втыкать --> </HEAD>

Примечания:

Все популярные браузеры игнорируют параметр TITLE, поэтому можете его не использовать. А жаль, задумка-то была неплохая...
ССЫЛКИ НА ДРУГИЕ САЙТЫ ПО ДАННОЙ ТЕМАТИКЕ


Хорошее, доступное описание CSS (Cascading Style Sheets) (www.citforum.ru)
Перевод спецификации CSS1 консорциума W3C (www.webclub.ru)
Перевод спецификации CSS2 консорциума W3C (www.webclub.ru)

LINK

(HTML 2.0) - Link
Элемент LINK описывает взаимосвязь документа с другими документами на сайте, указывая его место в иерархической структуре сайта. Элемент не имеет конечного тэга. В заголовке может содержаться несколько элементов LINK.

Параметры:

HREF - определяет URL объекта.

REL - определяет тип взаимосвязи текущего документа с объектом, определенным параметром HREF. Возможные значения:

stylesheet - указывает на файл, содержащий таблицу стилей (CSS) для текущего документа. Браузер загрузит css-файл с указанного в параметре HREF адреса и применит его к текущему документу (см. также элемент STYLE)
home - указывает на заглавную страницу вашего сайта
toc, contents - указывают на файл, содержащий оглавление данного документа.
index - указывает на файл, содержащий информацию для индексного поиска по текущему документу.
glossary - указывает на файл, содержащий перечень терминов, относящихся к текущему документу.
copyright - указывает на страницу сайта, в которой говорится о его создателях, авторских правах и т.п.
up, parent - указывает на "родительскую" страницу (документ, стоящий на ступеньку выше в иерархической структуре вашего сайта).
child - указывает на "дочернюю" страницу (документ, стоящий на ступеньку ниже в иерархической структуре вашего сайта).
next - указывает на следующую страницу в последовательности документов (напр. следующую страницу электронного каталога, документации или словаря).
previous - указывает на предыдущую страницу в последовательности документов.
last, end - указывает на последнюю страницу в последовательности документов.
first - указывает на первую страницу в последовательности документов.
help - указывает на страницу с подсказкой (напр. по навигации по вашему сайту).

TYPE - определяет MIME-тип для объекта, указанного в параметре HREF.

Пример 1:
<HEAD> <TITLE>Элемент DIV</TITLE> <LINK REL="HOME" TITLE="HTML-справочник" HREF="index.html"> <LINK REL="UP" TITLE="Текстовые блоки" HREF="textblocks.html"> <LINK REL="PREVIOUS" TITLE="Элемент P" HREF="p.html"> <LINK REL="NEXT" TITLE="Элемент ADDRESS" HREF="address.html"> </HEAD>
Пример 2:
<HEAD> <TITLE>Полдневье</TITLE> <LINK REL="stylesheet" TYPE="text/css" HREF="deco1.css"> </HEAD>

Примечания:

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

META

(HTML2.0)-Meta
Элемент МЕТА используется для техописания документа, которое представляет собой метаданные в виде пары "имя-значение". С помощью этого элемента в заголовок документа внедряется дополнительная полезная информация, невидимая для пользователя, но порой просто незаменимая для правильной индексации вашей страницы роботами поисковых серверов. Элемент не имеет конечного тэга.

Параметры:

NAME - определяет имя мета-записи. Существует множество предопределенных имен, некоторые из которых вы можете увидеть в указанном ниже примере.

HTTP-EQUIV - определяет имя мета-записи. Практически аналогичен параметру NAME, но используется лишь в случае необходимости передачи дополнительной информации в HTTP-заголовке.

CONTENT - присваивает значение мета-записи, определенной в параметре NAME (или HTTP-EQUIV).

Пример:
<HEAD>... <META HTTP-EQUIV="Expires" CONTENT="Sat, 26 Jun 1999 17:38:15 GMT"> <META NAME="GENERATOR" CONTENT="Владимир Городулин"> <META NAME="Publisher-Email" CONTENT="green@igf.ru"> <META NAME="Publisher-URL" CONTENT="Idea GraFix - http://www.igf.ru/"> <META NAME="Keywords" CONTENT="OpenGL,3D,graphics,3Dfx,Permedia,Diamond,графика"> <META NAME="Description" CONTENT="Российский сайт, полностью посвященный 3D-графике, ее разработке и использованию."> </HEAD>
ССЫЛКИ НА ДРУГИЕ САЙТЫ ПО ДАННОЙ ТЕМАТИКЕ


Бойцы невидимого фронта (Mike Melnikov)
Использование метаданных при создании HTML документов (www.webclub.ru)

Фреймы

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

Элементы для создания фреймов и работы с ними:

FRAMESET Определяет фреймовую (оконную) структуру документа: размеры и расположение фреймов на странице
FRAME Определяет фрейм и его свойства внутри FRAMESET-структуры
NOFRAMES Определяет что показывать, если браузер не поддерживает фреймы

Примечания:

Внимательно следите, чтобы все вышеперечисленные элементы находились вне элемента BODY. Фреймы к телу документа никаким боком не относятся!

Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: