Теги форматирования абзацев в HTML документах



Тема 2: «Теги форматирования абзацев в HTML документах»

Основные теги для создания и форматирования абзацев в HTML-документе.

Начало абзаца задает тег <Р>. Закрывающий тег </P> не обязателен. Текст в абзаце может быть выровнен по левому краю, по правому краю, по ширине и по центру. Для этого применяют атрибут ALIGN:

Например: <p align="left">абзац выровнен по левому краю...</p>

<p align="right">абзац выровнен по правому краю...</p>

<p align="center">абзац выровнен по центру...</p>

<p align="justify">абзац выровнен по ширине...</p>

Каждый следующий тег абзаца отменяет форматирование предыдущего. При просмотре в браузере новый абзац будет отделен от предыдущего пустой строкой. Если нужно, чтобы абзацы шли без пустой строки и чтобы выравнивание распространялось и на следующий абзац, вместо нового абзаца используют тег обрыва строки (break) <BR>.

Для форматирования абзацев можно пользаваться так же тегом создания раздела (division) <DIV>. Он работает точно так же, как и <Р>, в нем можно использовать параметр выравнивания ALIGN, но между двумя соседними разделами не оставляется пустая строка. Здесь закрывающий тег необходим - </DIV>.

Например: <DIV ALIGN="center">

...Текст, таблицы, изображения. Выравнивание по центру.

</DIV>

Для центровки абзаца есть специальный тег <CENTER>...</CENTER>. Все, что находится между этими двумя тегами, центруется: рисунок, таблица, линейка, текст.

Шесть стандартных тегов предусмотрено для оформления заголовков: <H1>, <H2>,...,<H6>. Причем у <Н1> - самый крупный шрифт, а <Н6> - самый мелкий. Все они могут иметь параметр выравнивания ALIGN.

Например: <h1>Заголовок 1 уровня</h1>

<h2>Заголовок 2 уровня</h2>

<h3>Заголовок 3 уровня</h3>

<h4>Заголовок 4 уровня</h4>

<h5>Заголовок 5 уровня</h5>

<h6>Заголовок 6 уровня</h6>

Есть так же особое оформление для цитат - тег <BLOCKQUOTE>. Все что расположено между открывающим и закрывающим тегом, будет сдвинуто по правому краю и отделено от предыдущего и последующего текста пустой строкой.

Чтобы сделать абзацный отступ, необходимо ставить вместо простых пробелов неразрывные, которые и создадут абзацный отступ. Неразрывный пробел в HTML&nbsp; - обязательно маленькими буквами.

Тег <pre> используется, когда требуется написать текст как есть, включая все пробелы и переносы строки.

Например: <pre>Идет бычок, качается,

Вздыхает на ходу...</pre>

Тема 3: «Теги заголовков в HTML документах»

Основные теги для создания свойств шрифтов и заголовков в HTML-документе.

Тег <B> отображает текст полужирным шрифтом. Например: Это <B>полужирный</B> шрифт.

Тег <I> отображает текст курсивом. Например: Выделение <I>курсивом</I>.

Тег <TT> отображает текст моноширинным шрифтом. Например: Это <TT>моноширинный</TT> шрифт.

Тег <U> отображает текст подчеркнутым. Например: Пример <U>подчеркивания</U> текста.

Теги <STRIKE> и <S> отображают текст, перечеркнутый горизонтальной линией. Например: Пример <STRIKE>зачеркнутого</STRIKE> текста.

Тег <BIG> выводит текст шрифтом большего (чем непомеченная часть текста) размера. Например: Шрифт <BIG>большего</BIG> размера.

Тег <SMALL> выводит текст шрифтом меньшего размера. Например: Шрифт <SMALL>меньшего</SMALL> размера.

Тег <SUB> сдвигает текст ниже уровня строки и выводит его (если возможно) шрифтом меньшего размера. Например: Пример шрифта для <SUB>нижнего</SUB> индекса.

Тег <SUP> сдвигает текст выше уровня строки и выводит его (если возможно) шрифтом меньшего размера. Например: Пример шрифта для <SUP>верхнего</SUP> индекса.

Тег <FONT> указывает параметры шрифта. Для тега могут задаваться следующие параметры: FACE (указывает тип шрифта, которым программа просмотра пользователя будет выводить текст), SIZE (указывает размер шрифта в условных единицах от 1 до 7) и COLOR (указывает цвет шрифта).

Например:

1. <FONT FACE="Verdana", "Arial", "Helvetica">;

2. <FONT SIZE=1>Шрифт размера 1</FONT><BR>;

3.<FONT COLOR=green>Текст зеленого цвета</FONT><BR>.


Дата добавления: 2018-04-04; просмотров: 1329; Мы поможем в написании вашей работы!

Поделиться с друзьями:






Мы поможем в написании ваших работ!