<< ПредыдущаяОглавлениеСледующая >>


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

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

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

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

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

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

Каждая строка этого текста написана в отдельной строке текстового редактора (например, 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 в окне браузера

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

<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>
<p>Это пример текста, который требуется отобразить в браузере.
<p>Это новый абзац текста и должен быть выведен в браузере с новой строки.
</body>
</html>

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

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

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

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

<p align=center> или <p align="center">

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



<< ПредыдущаяОглавлениеСледующая >>