Функциональные разделы документа
Язык HTML предназначен для описания функциональных разделов документа. Во многих обычных документах основными функциональными разделами являются заголовки и абзацы.
Заголовки
Текст заголовка должен располагаться между тэгами <BODY> и </BODY>. Язык HTML поддерживает шесть уровней внутренних заголовков документа. Они помечаются тэгами от <H1> и </H1> до <H6> и </H6>. На экране компьютера эти заголовки изображаются шрифтами разных размеров. В соответствии с идеологией языка HTML текст, который по сути является заголовком, надо пометить с помощью одного из этих тэгов. Пользоваться тэгами форматирования, которые изменяют размер и начертание шрифта, в данном случае не следует. Например:
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
<H1>Язык HTML (основы конструирования)</H1>
<H2>Зачем Вам изучать HTML?</H2>
</BODY>
</HTML>
Тэг нового абзаца
Тэг нового абзаца (<P>) предписывает браузеру разделить два фрагмента текста пустой строкой. Это полезно, когда необходимо отобразить большой объем текста, например, книгу или подробную личную информацию, которая состоит более чем из одного длинного абзаца.
Тэг перевода строки
Тэг перевода строки <BR> аналогичен тэгу нового абзаца, но он не вводит пустую строку после отделяемого им текста. После этого тэга текст продолжает отображаться с начала следующей строки.
Примечание. При создании HTML-документа следует учитывать, что кратные пробелы между словами и переходы на новую строку при воспроизведении документа браузером игнорируются.
Ввод и форматирование текста
Ввод текста – это, возможно, самый простой этап в процессе создания страницы, поскольку текст можно набирать непосредственно в HTML-файле, и он будет отображен браузером как обычный текст.
Например, вводится следующий текст:
Можно работать на web без знания языка HTML, так как тексты HTML могут создаваться различными специальными редакторами и конвертерами. Однако я адресую это методическое указание тем, кто пишет непосредственно на HTML или, по крайней мере, изредка контролирует и модифицирует код HTML. Писать непосредственно на HTML нетрудно. Возможно, это даже легче, чем изучать HTML-редактор или конвертер, которые часто ограничены в своих возможностях, содержат ошибки или производят плохой HTML-код, который не работает на различных платформах.
Список и выделение его элементов
Зачастую текст надо разделять на смысловые группы для того, чтобы он не казался скомканным. В этом случае имеет смысл использовать списки.
Язык HTML позволяет создавать списки нескольких типов. Широко используются упорядоченные (нумерованные), неупорядоченные (маркированные) и списки определений.
Для задания упорядоченного списка используются тэги <OL> и </OL>, а для создания неупорядоченного списка - <UL> и </UL>. Список заключают между открывающим и закрывающим тэгом, причём элементы списка помещают между тэгами <LI> и </LI>. Закрывающий тэг </LI> можно опустить.
Тэги <OL>, <UL> и <LI> могут содержать атрибут TYPE=, который определяет способ пометки элементов списка. Упорядоченные списки можно нумеровать арабскими цифрами, римскими цифрами и латинскими буквами (в нужном регистре), а элементы неупорядоченного списка можно пометить маркерами в виде чёрного кружка (по умолчанию), белого кружка или квадратика.
Списки могут быть вложенными. Элементы списков могут содержать гиперссылки и тэги, используемые для форматирования и оформления фрагментов.
Списки определений начинают с тэга <DL> и заканчивают тэгом </DL>. Маркеры или нумерацию в этих списках не используют. Список состоит из определяемых терминов и соответствующих определений. Определяемые термины помечают тэгом <DT>, а определения - тэгом <DD>. Закрывающие тэги можно опустить.
Определения обычно изображаются на экране с отступом от левого края.
Например, требуется создать следующий список.
Это методическое указание научит вас:
форматировать текст;
оживлять страницу с помощью графики;
составлять таблицы;
и еще кое-чему.
Таким образом, у нас программа страницы должна выглядеть как на рис. 47.
А сама страница в браузере - как на рис. 48.
Выравнивание абзацев
Основным элементом текста в HTML является абзац. Абзац заключается в тэги <P></P>. Каждый абзац можно выровнять по левому краю, по правому краю или по центру. Для этого служит свойство align="", указываемое в начальном тэге абзаца. Например:
<p align="left">
Выравнивание по левому краю
</p>
Рис. 47. Код web-страницы
Рис. 48. Вид web-страницы в браузере
<p align="center"> Выравнивание по центру </p>
<p align="right"> Выравнивание по правому краю </p>