Форматирование – определение вида текста на экране, включает в себя понятия: выравнивание текста, наличие отступов (полей документа) и междуабзацных интервалов
Все теги форматирования абзацев парные.
<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).
Без комментариев.