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



Для форматирования текста используются разные теги. Некоторые из них используются часто, а некоторые редко.


Рассмотрим часто используемые теги.


Заголовки текста.

<h1></h1>

Заголовок 1

<h2></h2>

Заголовок 2

<h3></h3>

Заголовок 3

<h4></h4>

Заголовок 4

<h5></h5>
Заголовок 5
<h6></h6>
Заголовок 6

Для тегов <h1-h6> используют параметры горизонтального выравнивания align.

Значения этого параметра:



left - слева,

Заголовок 3

right - справа,

Заголовок 3

center - по центру,

Заголовок 3

jastify - по ширине.

Заголовок 3


Пример записи кода:



<html> <head> <title></title> </head> <body> <h3>Заголовок 3</h3> <h3 align="right">Заголовок 4</h3> </body> </html>

РЕЗУЛЬТАТ:

Заголовок 3


Заголовок 4


Разделение на абзацы и перенос строки.


Тег <br> - тег принудительного перевода строки. Текст, после этого тега начинается с новой строки. Теги <p></p> разделяют текст на абзацы. Абзацы отделяются друг от друга пустой строкой.



У тега <p> есть параметр align выравнивания текста внутри параграфа.

Значения этого параметра:



left - слева,
right - справа,
center - по центру,
justify - по ширине.
Пример записи кода:

<html> <head> <title></title> </head> <body> <p>Текст простого абзаца.</p> <p align="right">Этот абзац отделен от текста пустыми строками сверху и снизу и выравнивается по правому краю.</p> </body> </html>

РЕЗУЛЬТАТ:

Текст простого абзаца.

Этот абзац отделен от текста пустыми строками сверху и снизу и выравнивается по правому краю.


Выделение текста курсивом.


Значения этого параметра:



<cite></cite>Используются для логического выделения названий книг, статей и цитат.
<dfn></dfn>Используются для выделения определений.
<em></em>Выделяют важные фрагменты текста.

Пример записи кода:



<html> <head> <title></title> </head> <body> <cite>Текст имеет тег cite </cite> <dfn>Текст имеет тег dfn </dfn> <em>Текст имеет тег em</em> </body> </html>

РЕЗУЛЬТАТ:

Текст имеет тег cite
Текст имеет тег dfn
Текст имеет тег em

Выделение текста полужирным текстом.


Значения этого параметра:

<strong></strong>
<b></b>
Оба используются для выделения важных фрагментов текста, но предпочтительнее использовать первый.

Пример записи кода:

<html> <head> <title></title> </head> <body> <strong>Этот текст в тегах strong</strong> <b>Этот текст в тегах b</b> /body> </html>

РЕЗУЛЬТАТ:

Этот текст в тегах strong
Текст имеет тег b

Далее рассмотрим: "Форматировании текста в HTML (продолжение)".