| HyperText Markup Language (HTML) является стандартным
языком, предназначенным для создания
гипертекстовых документов в среде WEB.
HTML-документы могут просматриваться различными
типами WEB-броузеров. Когда документ создан с
использованием HTML, WEB-броузер может
интерпретировать HTML для выделения различных
элементов документа и первичной их обработки.
Использование HTML позволяет форматировать
документы для их представления с использованием
шрифтов, линий и других графических элементов на
любой системе, их просматривающей. Большинство
документов имеют стандартные элементы, такие,
как заголовок, параграфы или списки. Используя тэги
HTML вы можете обозначать данные элементы,
обеспечивая WEB-броузеры минимальной информацией
для отображения данных элементов, сохраняя
вцелом общую структуру и информационную полноту
документов. Все что необходимо, чтобы прочитать
HTML-документ - это WEB-броузер, который
интерпретирует тэги HTML и воспроизводит на экране
документ в виде, который ему придает автор.
В большинстве случаев автор документа
строго определяет внешний вид документа. В
случае HTML читатель (основываясь на возможностях
WEB-броузера может, в определенной степени,
управлять внешним видом документа (но не его
содержимым). HTML позволяет отметить, где в
документе должен быть заголовок или абзац при
помощи тэга HTML, а затем предоставляет WEB-броузеру
интерпретировать эти тэги. Например, один
WEB-броузер может распознавать тэг начала абзаца и
представлять документ в нужном виде, а другой не
имеет такой возможности и представляет документ
в одну строку. Пользователи некоторых
WEB-броузеров имеют, также, возможность
настраивать размер и вид шрифта, цвет и другие
параметры, влияющие на отображение документа.
HTML-тэги могут быть условно разделены на две
категории:
- тэги, определяющие, как будет отображаться
WEB-броузером тело документа вцелом
- тэги, описывающие общие свойства документа,
такие как заголовок или автор документа
Запомните, что основное преимущество HTML
заключается в том, что ваш документ может быть
просмотрен на WEB-броузерах различных типов и на
различных платформах.
Как создаются HTML документы?
HTML-документы могут быть созданы при помощи
любого текстового редактора или
специализированных HTML-редакторов и конвертеров.
Выбор редактора, который будет использоваться
для создания HTML-документов, зависит
исключительно от понятия удобства и личных
пристрастий каждого автора.
Например, HTML редакторы, такие, как "Netscape
Navigator Gold" компании Netscape позволяют
создавать документы графически с использованием
технологии WYSIWYG (What You See Is What You Get). С другой
стороны, большинство традиционных средств для
создания документов имеют конвертеры,
позволяющие преобразовывать документы к формату
HTML.
Основные положения
Все тэги HTML начинаются с "<" (левой
угловой скобки) и заканчиваются символом
">" (правой угловой скобки). Как правило,
существует стартовый тэг и завершающий тэг. Для
примера приведем тэги заголовка, определяющие
текст, находящийся внутри стартового и
завершающего тэга и описывающий заголовок
документа:
<TITLE> Заголовок документа </TITLE>
Завершающий тэг выглядит также, как
стартовый, и отличается от него прямым слэшем
перед текстом внутри угловых скобок. В данном
примере тэг <TITLE> говорит WEB-броузеру об
использовании формата заголовка, а тэг </TITLE> -
о завершении текста заголовка.
Некоторые тэги, такие, как <P> (тэг,
определяющий абзац), не требуют завершающего
тэга, но его использование придает исходному
тексту документа улучшенную читаемость и
структурируемость.
HTML не реагирует на регистр символов,
описывающих тэг, и приведенный ранее пример
может выглядеть следующим образом:
<title> Заголовок документа </title>
Внимание! Дополнительные пробелы,
символы табуляции и возврата каретки,
добавленные в исходный текст HTML-документа для
его лучшей читаемости, будут проигнорированы
WEB-броузером при интерпретации документа.
HTML-документ может включать вышеописанные
элементы только если они помещены внутрь тэгов
<PRE> и </PRE>. Более подробно о тэгах <PRE>
будет написано ниже.
Структура документа
Когда WEB-броузер получает документ, он
определяет, как документ должен быть
интерпретирован. Самый первый тэг, который
встречается в документе, должен быть тэгом
<HTML>. Данный тэг сообщает WEB-броузеру, что ваш
документ написан с использованием HTML.
Минимальный HTML-документ будет выглядеть так:
<HTML> ...тело документа... </HTML>
Заголовочная часть документа <HEAD>
Тэг заголовочной части документа должен
быть использован сразу после тэга <HTML> и более
нигде в теле документа. Данный тэг представляет
из себя общее описание документа. Избегайте
размещать какой-либо текст внутри тэга <HEAD>.
Стартовый тэг <HEAD> помещается непосредственно
перед тэгом <TITLE> и другими тэгами,
описывающими документ, а завершающий тэг </HEAD>
размещается сразу после окончания описания
документа. Например:
<HTML>
<HEAD>
<TITLE> Список сотрудников </TITLE>
</HEAD>
...
Внимание! Технически, стартовые и
завершающие тэги типа <HTML>, <HEAD> и <BODY>
необязательны. Но настоятельно рекомендуется их
использовать, поскольку использование данных
тэгов позволяет WEB-броузеру уверенно разделить
заголовочную часть документа и непосредственно
смысловую часть.
Заголовок документа <TITLE>
Большинство WEB-броузеров отображают
содержимое тэга <TITLE> в заголовке окна,
содержащего документ и в файле закладок, если он
поддерживается WEB-броузером. Заголовок,
ограниченный тэгами <TITLE> и </TITLE>,
размещается внутри <HEAD>-тэгов, как показано
выше на примере. Заголовок документа не
появляется при отображении самого документа в
окне.
Комментарии
Как любой язык, HTML позволяет вставлять в
тело документа комментарии, которые сохраняются
при передаче документа по сети, но не
отображаются броузером. Синтаксис комментария:
<!-- Это комментарий -->
Комментарии могут встречаться в документе
где угодно и в любом количестве.
Тэги тела документа
Тэги тела документа идентифицируют
отображаемые в окне компоненты HTML-документа.
Тело документа может содержать ссылки на другие
документы, текст и другую форматированную
информацию.
Тело документа <BODY>
Тело документа должно находиться между
тэгами <BODY> и </BODY>. Это та часть документа,
которая отображается как текстовая и
графическая (смысловая) информация вашего
документа.
Уровни заголовков <Hx>
Когда пишется HTML-документ, текст структурно
делится на просто текст, заголовки частей текста,
заголовки более высокого уровня и т.д. Первый
уровень заголовков (самый большой) обозначается
цифрой 1, следующий - 2, и т.д. Большинство
броузеров поддерживает интерпретацию шести
уровней заголовков, определяя каждому из них
собственный стиль. Заголовки выше шестого уровня
не являются стандартом и могут не поддерживаться
броузером. Заголовок самого верхнего уровня
имеет признак "1". Синтакс заголовка уровня 1
следующий:
<H1> Заголовок первого уровня </H1>
Заголовки другого уровня могут быть
представлены в общем случае так:
<Hx> Заголовок x-го уровня </Hx>
где x - цифра от 1 до 6, определяющая уровень
заголовка.
Тэг абзаца <P>
В отличии от большинства текстовых
процессоров, в HTML-документе обычно игнорируются
символы возврата каретки. Физический разрыв
абзаца может находиться в любом месте исходного
текста документа (для удобства его читаемости).
Однако броузер разделяет абзацы только при
наличии тэга <P>. Если вы не разделите абзацы
тэгом <P>, ваш документ будет выглядеть как
один большой абзац.
Дополнительные параметры тэга <P>:
<P ALIGN=left|center|right>
позволяют выравнивать абзац по левому краю,
центру и правому краю соответственно.
Центрирование элементов документа
Вы можете центрировать все элементы
документа в окне броузера. Для этого можно
использовать тэг <CENTER>.
Все элементы между тэгами <CENTER>
и </CENTER>
будут находиться в центре окна
Тэг преформатирования <PRE>
Тэг преформатирования, <PRE>, позволяет
представлять текст со специфическим
форматированием на экране. Предварительно
сформатированный текст заканчивается
завершающим тэгом </PRE>. Внутри предварительно
сформатированного текста разрешается
использовать:
- перевод строки
- символы табуляции (сдвиг на 8 символов
вправо)
- непропорциональный шрифт, устанавливаемый
броузером
Использование тэгов, определяющих формат
абзаца, таких как <Hx> или <ADDRESS>, будет
игнорироваться броузером при помещении их между
тэгами <PRE> и </PRE>.
Далее идет несколько более подробный
пример, собранный из предыдущих:
<HTML>
<HEAD>
<TITLE> Список сотрудников </TITLE>
</HEAD>
<BODY>
<H2> Список сотрудников нашей фирмы </H2>
<H3> Составлено : 30 июля 1996 года </H3>
Данный список содержит фамилии, имена и отчества
всех сотрудников нашей компании. <P>
Список может быть использован только в служебных целях. <P>
</BODY>
</HTML>
Вот, что вы увидите на экране броузера:
Список сотрудников нашей фирмы
Составлено : 30 июля 1996 года
Данный список содержит фамилии, имена и
отчества всех сотрудников нашей компании.
Список может быть использован только в
служебных целях.
Внимание! Заголовок "Список
сотрудников" не отображен броузером как часть
документа. Он появится в заголовке окна броузера.
Разрыв строки <BR>
Тэг <BR> извещает броузер о разрыве
строки. Наилучший пример использования данного
тэга - форматированный адрес или любая другая
последовательность строк, где броузер должен
отображать их одну под другой. Например:
Алексей Ярцев <BR>
Дмитровское шоссе, <BR>
д.9Б, офис 326 <BR>
Дополнительный параметр позволяет
расширить вохможности тэга <BR>.
<BR CLEAR=left|right|all>
Данный параметр позволяет выполнить не
просто перевод строки, а разместить следующую
строку, начиная с чистой левой (left), правой (right)
или обоих (all) границ окна броузера. Например, если
рядом с текстом слева встречается рисунок, то
можно использовать тэг <BR> для смещения текста
ниже рисунка:
<p> Как вы можете видеть, данная схема
демонстрирует связь<BR CLEAR=left>
<img src="http://www.softexpress.com/images/schema1.gif" align=baseline>
Мастер/Деталь </p>
Неразрывная строка <NOBR>
Если вы не хотите, чтобы броузер
автоматически переносил строку, то вы можете
обозначить ее тэгами <NOBR> и </NOBR>. В этом
случае броузер не будет переносить строку даже
если она выходит за нраницы экрана; вместо этого
броузер позволит горизонтально прокручивать
окно. Например:
<NOBR> Данная строка является самой
длинной строкой документа, которая не допускает
какого-либо разбиения где бы то ни было </NOBR>
Если же вы хотите все же позволить
разбиение данной строки на две, но в строго
запланированном месте, то вставьте тэг <WBR> в
это место. Например:
<NOBR> Данная строка является самой
длинной строкой документа,<WBR> которая не
допускает какого-либо разбиения где бы то ни было
</NOBR>
Данная строка является самой длинной строкой документа,
которая не допускает какого-либо разбиения где бы то ни было
Цитата <BLOCKQUOTE>
Данный тэг предназначен для обозначения в
документе цитаты из другого источника. Текст,
обозначенный тэгом <BLOCKQUOTE>, отступает от
левого края документа на 8 пробелов. Например:
На открытии данной конференции глава
представительства произнес: <P>
<BLOCKQUOTE>
Сегодня один из величайших дней для нашей
компании. <BR>
Мы открыли новую технологию, позволяющую нашим
клиентам повысить производительность их
настольных систем в несколько раз.
</BLOCKQUOTE>
При отображении броузером данный текст
будет выглядеть так:
На открытии данной конференции глава
представительства произнес:
Сегодня один из величайших дней для нашей
компании.
Мы открыли новую технологию, позволяющую нашим
клиентам повысить производительность их
настольных систем в несколько раз.
Список базовых тэгов HTML
Стартовый |
Завершающий |
Описание |
| <HTML> |
</HTML> |
Обозначение HTML-документа |
| <HEAD> |
</HEAD> |
Заголовочная часть документа |
| <TITLE> |
</TITLE> |
Заголовок документа |
| <BODY> |
</BODY> |
Тело документа |
| <H1> |
</H1> |
Заголовок абзаца первого уровня |
| <H2> |
</H2> |
Заголовок абзаца второго уровня |
| <H3> |
</H3> |
Заголовок абзаца третьего уровня |
| <H4> |
</H4> |
Заголовок абзаца четвертого уровня |
| <H5> |
</H5> |
Заголовок абзаца пятого уровня |
| <H6> |
</H6> |
Заголовок абзаца шестого уровня |
| <P> |
</P> |
Абзац |
| <PRE> |
</PRE> |
Форматированный текст |
| <BR> |
|
Перевод строки без конца абзаца |
| <BLOCKQUOTE> |
</BLOCKQUOTE> |
Цитата |
Описанные ранее тэги - это все, что
необходимо вам для того, чтобы начать работать с
HTML.
С использованием описанных тэгов вы можете
создать простой HTML-документ. Однако, следующие
разделы позволят вам существенно улучшить
внешний вид ваших документов и опишут новые
возможности HTML. |
