1.3. Основные теги форматирования текста

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

1.3.1. Тег разделения на абзацы

В качестве первого тега форматирования текста имеет смысл рассмотреть тег разделения на абзацы . Предположим в текстовом редакторе подготовлено сообщение:

Это пример текста, который требуется отобразить в браузере.

Это новый абзац текста и должен быть выведен в браузере с новой строки.

Каждая строка этого текста написана в отдельной строке текстового редактора (например, NotePad++, MS Word и т.п.). Теперь составим простой HTML-документ для отображения этой информации:

<html> <head> <title>Пример 1</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta name="description" content="пример"> <meta name="keywords" content="пример"> </head> <body>

Это пример текста, который требуется отобразить в браузере.

Это новый абзац текста и должен быть выведен в браузере с новой строки.

</body> </html>

и сохраним его в текстовый файл ex1.htm. В результате в окне браузера будет высвечена следующая информация:

Рис. 1.1. Отображение файла ex1.htm в окне браузера

Из примера видно, что несмотря на разделение текста по строкам в текстовом редакторе, браузер выводит их в одну строку без деления на абзацы. Это общее правило вывода текста, т.к. браузер форматирует текст только на основании тегов, присутствующих в документе. Соответственно для отображения строк с нового абзаца достаточно поставить перед ними тег :

<html> <head> <title>Пример 2</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta name="description" content="пример"> <meta name="keywords" content="пример, абзац"> </head> <body> Это пример текста, который требуется отобразить в браузере. Это новый абзац текста и должен быть выведен в браузере с новой строки. </body> </html>

Рис. 1.2. Результат отображения примера 2

Тег имеет необязательный параметр align, который может принимать значения:

left – выравнивание по левому краю;
center – выравнивание по центру;
right – выравнивание по правому краю;
justify – выравнивание по ширине страницы.

По умолчанию используется выравнивание по левому краю. Если требуется другой способ выравнивания текста, то нужно записать тег с параметром align следующим образом:

 или 

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

1.3. Основные теги форматирования текста

1.3.1. Тег разделения на абзацы <p>