Абзацы
Возможно, вы удивитесь, но вы уже научились добавлять абзацы html в уроке 2. В документе html новый абац вставляется при каждом добавлении текста, заключенного в тег <p>. Еще раз взгляните на код, представленный в уроке 2.
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="en" lang="en">
<head>
<title>Моя XHTML страница</title>
<body>
</body>
<p>Это моя первая XHTML страница.</p>
</html>
Web-браузер, получая для обработки таой код, определяет, что вы хотите отобразить на экране указанный текст. Для браузера не имеет значения, на сколько строк разбит этот текст в кодах документа, - он обращает внимание только на теги html. В приведеннном далее html-коде текст одного абзаца разбит на несколько строк и даже содержит одну пустую строку, однако Web-браузер все равно разпосзнает этот текст как один отдельный абзац, заключенный в теги <p> и </p>. Тег <p> дает указание браузеру вставить вначале пустую строку и лишь затем отображать заклю м теге текст
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="en" lang="en">
<head>
<title>Набор абзаца в HTML</title>
<body>
</body>
<p>Это первая строка.
Однако будет ли эта строка второй?</p>
<p>Нет, это вторая строка.</p>
</html>
Следует помнить также, что браузер выполняет еще одно действие в отношении текста абзаца: переход на новую строку при достижении края окна. Другими словами, как только текст абзаца достигает края окна Web-браузера, последующие символы автоматически переносятся в новую строку, независимо от положения тега <p>. Тег <p> всегда добавляет пустую строку перед абзацем, однако ее наличие не всегда уместно. Возможно, вы просто хотите, чтобы следующее слово или предложение начиналось с новой строки. Для достижения необходимого результата можно воспользоваться другим тегом, <br /> обозначающим разрыв строки.
Этот новый тег дает указание браузеру начать отображение набранного за ним текста со следующей строки, не добавляя при этом никаких пустых строк. На следующем рисунке показан результат форматирования текста с использованием тегов <p> и <br />.
Визуальное выделение текста
Вы уже знаете, как добавлять текст на Web-страницу, и далее речь пойдет о том, как применить к нему форматированиею Во многих случаях возникает наобходимотьвзуального выделения отдельных текстовых фрагментов с целью к ним внимание зрителей. HTML позволяет быстро применить к требуемым символам некоторые стандартные типы форматирования, такие, как полужирное начртание или курсив, используя для этого предустановленные наборы тегов. Все эти теги применяются парами, заключая в себя текст, подлежащий форматированию. Наберите в своем текстовом редакторе приведенные далее коды, чтобы увидеть, какой результат оказывает применение тех или иных тегов.
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="en" lang="en">
<head>
<title>выделение текста</title>
<body>
<p>Чтобы увеличить размер шрифта на один пункт, воспользуйтесь
<big>тегом big</big>.</p>
<p>Так выглядят результаты применения <i\b>тега bold</b> и <strong>тега strong</strong>.</p>
<p>А это результаты применения <i>тега italics</i> и <em>тега emphasis</em>.</p>
<p>Используйте <tt>тег teletype</tt> для имитации машинописной гарнитуры.</p>
<p>Чтобы уменьшить размер шрифта на один пункт, воспользуйтесь
<small>тегом small</small></p>
</body>
</html>
Заголовки
Разбивка текста на абзацы не является единственным способом форматирования Web-страниц. В html предусмотрен целый набор тегов, позволяющих задавать заголовки шестиразличных уровней - начиная от <h1> до <h6>. Все эти теги очень просты в использовании, например:
<h1>Это заголовк первого уровня</h1>
Закрывающий тег загаловка дает также завершение абзаца. Другими словами, после каждого заголовка автоматически вставляется пустая строка, визуально отпределяющая его от следующего далее тегста. Для заголовка первого уровня, задаваемого тегом <h1>, предусмотрие наибольший размер шрифта, а для заголовка шестого уровня - наименьший. Как правило, разработчики Web-страниц используют при составлении html-документов только заголовки первых трех уровней, поскольку для заголовков четвертого, пятого и шестого уровней и действительности задан менньший размер ohbanf? чем для обычного текста. Образцы заголовков всех шести уровней и для сравнения образец обычного текста показаны на рисунке:
