Форматирование текста в html

Форматирование текста в HTML» – четвертый урок учебника HTML. В этом уроке мы разберем основыформатирования текстов в HTML. Форматирование в HTML имеет ряд особенностей, которые мы с вами и рассмотрим. 

Теги форматирования текста в html.

Для придания тексту смысловой нагрузки используются специальные теги форматирования. Одним из наиболее значимых тегов форматирования теста в html является тег параграфа (<p>). Для усиления смысловой нагрузки используются теги <strong> – сильное увеличение смысловой нагрузки (жирный текст) и <em> – среднее увеличение смысловой нагрузки (курсивный текст).

Написанное здесь очень важно так как именно увеличение смысловой нагрузки дают эти теги, а не просто жирное или курсивное выделение в отличии от тегов <b> (жирный текст) и <i> (курсивный текст). А вот как отобразить текст это уже дело браузера... ну здесь, как вы уже наверное понимаете, большинство браузеров предпочитает выделять текст жирным или курсивом. Визуально нет никаких отличий, но зато есть большая разница для поисковых машин.

<p> <strong>важный</strong> <b>жирный</b> <em>значимый</em> <i>курсивный</i> </p>

Не менее важными тегами форматирования текста можно считать теги <br> и <nobr>.

Тег <br> позволяет разорвать строку с текстом, продолжив написание текста с новой строки. Атрибут clear в теге <br>используется для отмены обтекания текстом объекта, расположенного рядом с текстом. В этом случае текст продолжается с первой новой строки после объекта.

Тег <nobr> означает написание текста без разрыва строки, даже если он не умещается на ширину экрана (в этом случае внизу экрана появится полоса прокрутки).

Использование тега pre.

К одной из особенностей форматирования html относится то, что если вы скопируете текст из другого текстового редактора (например MS Word), то форматирование текста не будет сохранено. Для копирования текста из текстового редактора с сохранением форматирования используется тег <PRE>:

<pre>

Это

предварительно форматированный текст.

Он сохраняет как пробелы в любом колличестве,

так и переносы строк.

</pre>

Заголовки.

Еще одним очень важным элементом форматирования текста является использование заголовков. Заголовки бывают 6–ти основных уровней от H1 (самый большой) до H6 (самый маленький). Увидеть каждый из них вы сможете в таблице:

 

Уровень заголовка	Вид
h1	h1
h2	h2
h3	h3
h4	h4
h5	h5
h6	h6

Выравнивание элементов.

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

 

Значение	Вид
justify	Выравнивание текста по ширине
left	Выравнивание по левому краю
right	Выравнивание по правому краю
center	Выравнивание по центру

К примеру, для выравнивания текста по ширине страницы используется следующий код:

<p align="justify">Этот текст будет отформатирован по ширине страницы</p>