Начало абзаца задает тег <Р>. Закрывающий тег </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 - обязательно маленькими буквами.
Тег <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>.
Подведение итогов занятия
6. Рефлексия:
- что запомнилось на занятии?
- что понравилось?
- в чем возникли трудности?
8. Домашнее задание: записи.
Преподаватель: Домашкина А.С.
