Форматирование – определение вида текста на экране, включает в себя понятия: выравнивание текста, наличие отступов (полей документа) и междуабзацных интервалов
Все теги форматирования абзацев парные.
<H1>…<H6>
Теги, отвечающие за создание заголовков на HTML-странице. Заголовки предназначены для структурного и логического разделения содержимого, где <H1> самый важный (первого уровня, верхний), а <H6> наименее значимый (шестого уровня, нижний). Например, <H1> может быть заголовком страницы, <H2> — ее разделов, <H3> — подразделов и т.д.
Браузеры выделяют текст, заключенный в эти теги, полужирным шрифтом, разным размером (в зависимости от тега) и добавляют поля (margin) сверху и снизу.Теги отвечающие за создание заголовков на веб-странице. Заголовки предназначены для структурного и логического разделения содержимого.
<P>
Тег <P> применяется для разделения страницы на абзацы. Он может содержать только текст и inline-теги (теги уровня строки). При этом сам тег <P> является блочным, то есть создает перенос строки перед собой и после себя. Кроме этого, он устанавливает поля (margin) свободного пространства сверху и снизу от своих сторон до окружающего контекста, благодаря чему и происходит визуальное разбиение страницы на параграфы. Размер полей тега <P> зависит от типа браузера, но примерно он равен высоте одной строки текста на текущей странице.
Закрывающий тег </P> не является обязательным. Если он отсутствует, то концом параграфа будет считаться следующий одноименный тег <P>
<DIV>
Тег <DIV> используется для структурного форматирования документа. Его удобно применять для выравнивания элементов HTML-кода, а также использовать как контейнер стиля (CSS) для применения стилевых свойств к группе или одному элементу.
В отличие от 2-х вышеназванных тегов <DIV>, по умолчанию, не добавляет своему содержимому каких-либо полей (margin) или внутренних отступов (padding), если только его свойства не изменены при помощи CSS.
ОБЩИМ для вышеперечисленных тегов является атрибут align, определяющий горизонтальное выравнивание содержимого блока относительно его самого и принимающий значение:
- left Выравнивание по левой стороне блока
- right Выравнивание правой стороне блока
- center Выравнивание по центру блока
- justify Выравнивание сразу по левой и правой сторонам. В этом случае каждая строка блока равномерно распределяется по ширине, в случае необходимости между элементами или словами добавляются пробелы.
Значение по умолчанию: left.
<ADDRESS>
Используется для указания контактной информации об авторах текущего документа или части документа.
<BLOCKQUOTE>
Применяется для выделения длинных цитат, например параграфов или целых страниц.
<PLAINTEXT>
Содержимое этого элемента, включая любые теги до конца страницы, выводится браузерами никак не обрабатываясь, с сохранением любого форматирования. Отсутствует в спецификации HTML, вместо него лучше использовать тег <PRE>.
<PRE>
Применяется для отображения предварительно форматированного текста. Внутри этого блочного элемента сохраняются все пробелы и переносы строк, установленные автором.
<MARQUEE>
Применяется для автоматической прокрутки (скроллинга) элементов веб-страницы. Не входит в спецификацию HTML.
ОБЩИМ для ВСЕХ вышеназванных тегов является атрибут TITLE, определяющий всплывающую подсказку при наведении курсора мыши на текст абзаца, что позволяет пользователю получить дополнительную информацию при просмотре веб-страницы. Значение TITLE – любая строка текста, заключенная в двойные (” “) или одинарные (‘ ‘) кавычки. Причем, если используются двойные кавычки, то внутри текста можно использовать только одинарные и наоборот.
Пример HTML. Применение тегов P и DIV
<!DOCTYPE HTML5>
<html>
<head>
<title> Применение тегов P и DIV </title>
</head>
<body>
<H1 align=”center” TITLE=”Заголовок документа”> Форматирование абзацев текста </H1>
<H2 align=”center” TITLE=”Заголовок 1 раздела документа”> при помощи тега Р </H2>
<P ALIGN=”center” TITLE=”Заголовок абзаца”> Массовая ошибка
<P ALIGN=”justify”>
Одной из ошибок начинающих создателей сайтов является использование неоднородных
изображений или ярких цветов для фона текстовой информации на странице.
Это не только затрудняет чтение, но и пагубно влияет на зрение пользователей,
заставляя их всматриваться в каждую строчку и излишне напрягать глаза.</P>
Вторая ошибка
<P>Еще одна ошибка — это использование «где ни попадя» инвертированных цветов, когда
визуально цвет текста светлее фона, например черный фон — белый текст. Данная
техника вполне применима, но только там, где это действительно к месту. (Для этого
абзаца параметр ALIGN не задан) </p>
<H2 align=”center” TITLE=”Заголовок 2 раздела документа”> при помощи тега DIV </H2>
<DIV ALIGN=”center” TITLE=”Заголовок абзаца”> Массовая ошибка
<DIV ALIGN=”justify” >
Одной из ошибок начинающих создателей сайтов является использование неоднородных
изображений или ярких цветов для фона текстовой информации на странице.
Это не только затрудняет чтение, но и пагубно влияет на зрение пользователей,
заставляя их всматриваться в каждую строчку и излишне напрягать глаза.</DIV >
Вторая ошибка
<DIV>Еще одна ошибка — это использование «где ни попадя» инвертированных цветов, когда
визуально цвет текста светлее фона, например черный фон — белый текст. Данная
техника вполне применима, но только там, где это действительно к месту. (Для этого
абзаца параметр ALIGN не задан) </DIV>
</DIV>
</body>
</html>
Тег <MARQUEE> применяется для автоматической прокрутки (скроллинга) элементов веб-страницы. Причем, можно осуществлять не только горизонтальный, но и вертикальный скроллинг или просто перемещать элементы влево-вправо в пределах блока. Данный тег создает межабзацные интервалы перед и после себя.
Так как тег <MARQUEE> не входит в спецификацию HTML, внутри него допустимо размещать практически любые элементы, которые нужно скроллировать: строки или блоки текста, списки и т.п.
Атрибуты
- behavior= «scroll | alternate | slide» — Устанавливает вид скроллинга содержимого элемента <MARQUEE>.
- scroll Содержимое появляется из-за границы блока, перемещается по направлению, указанному в атрибуте direction и скрывается за пределами блока, а затем все повторяется (по умолчанию).
- alternate Движение влево-вправо в пределах блока.
- slide Содержимое появляется из-за границы блока, перемещается по направлению, указанному в direction и останавливается у противоположного края.
- bgcolor= «name | RGB(R,G,B) | #RRGGBB» — Цвет фона скроллируемого блока.
- direction= «left | right | up | down» — Указывает направление, в котором будет происходить скроллинг.
- height= «N | N%», width= «N | N%» — Высота и ширина блока.
- hspace= «N | N%», vspace= «N | N%» — Размеры боковых и вертикальных полей свободного пространства между скроллируемым блоком и окружающим контекстом.
- loop= «infinity | -1 | N»— Количество прокручиваний, после которого скроллинг прекратится (неограниченно)
- scrollamount= «N» — Скорость скроллинга – величина шага в пикселях (N=6).
- scrolldelay= «N» — Величина паузы между движениями скроллируемых элементов в ms(Min=60, по умолчанию 80)
- truespeed= «False | True» — Устанавливает | Отменяет ограничение Min скорости прокрутки (<60 ms).
Без комментариев.