Показаны сообщения с ярлыком БЛОКИ. Показать все сообщения
Показаны сообщения с ярлыком БЛОКИ. Показать все сообщения

Элемент PRE

(HTML 2.0) – Preformatted Text
PRE
Тег HTML, использующийся для включения в документ уже отформатированного текста.
Браузеры воспроизводят содержимое этого элемента с помощью моноширинного шрифта, сохраняя пробелы и символы конца строки

  Пример:
      <PRE>
Ать!
    Два!
        Три!
</PRE>

Результат:
Ать!
    Два!
        Три!


Примечание:
Желательно избегать использования символа горизонтальной табуляции внутри PRE, т.к. он может быть неадекватно интерпретирован некоторыми браузерами. Вместо символа табуляции рекомендуется использовать число пробелов, кратное четырем.

Элемент HR

(HTML 2.0) – Horisontal Rule
Вставляет в текст горизонтальную разделительную линию.

Атрибуты:
WIDTH – определяет длину линии в пикселах или процентах от ширины окна браузера.
SIZE – определяет толщину линии в пикселах.
ALIGN – определяет выравнивание горизонтальной линии. Атрибут может принимать следующие значения:

    left – выравнивание по левому краю документа.
    right – выравнивание по правому краю документа.
    center – выравнивание по центру документа (используется по умолчанию).
NOSHADE – определяет способ закраски линии как сплошной. Атрибут является флагом и не требует указания значения. Без данного атрибута линия отображается объемной.
COLOR – определяет цвет линии. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов. Атрибут работает только в Internet Explorer.

  Пример:
      Текст, разделенный <HR NOSHADE WIDTH="50%"> сплошной горизонтальной линией.



Элемент BR

(HTML 2.0) – Break
Данный элемент осуществляет перевод строки, то есть практически аналогичен нажатию Enter в текстовом редакторе. После того, как в браузерах появилась возможность обтекания изображения текстом (cм. атрибут ALIGN элемента IMG), понадобился дополнительный атрибут CLEAR. Элемент не имеет конечного тега.

Атрибуты:
CLEAR – указывает на необходимость завершения обтекания изображения текстом. Может принимать следующие значения :

    all – завершить обтекание изображения текстом.
    left – завершить обтекание текстом изображения, выровненного по левому краю.
    right – завершить обтекание текстом изображения, выровненного по правому краю.

  Пример:
      Первое предложение<BR>Второе предложение на следующей строке

Примечание:
Возьмите себе за правило всегда ставить <br> после тега <img ...>. В противном случае все картинки будут иметь неприятный отступ.
Атрибут CLEAR почему-то используется очень редко. А зря.



Элемент BLOCKQUOTE

(HTML 2.0) – Block Quote
Оформляет находящийся между начальным и конечным тегами текст как цитату. Используется для длинных цитат (в отличие от элемента CITE). Цитируемый текст отображается отдельным абзацем с увеличенным отступом.

  Пример:
      Редакция журнала "Домосед" выражает благодарность
Бухаресту Магарычу Шницелю за замечательное стихотворение:
<BLOCKQUOTE>
    Синели красные ромашки,<BR>
    Желтели в небе облака,<BR>
    Синицы в теплый край летели,<BR>
    К истоку двигалась река.<BR>
</BLOCKQUOTE>

    Результат:
Редакция журнала "Домосед" выражает благодарность
Бухаресту Магарычу Шницелю за замечательное стихотворение:
Синели красные ромашки,
Желтели в небе облака,
Синицы в теплый край летели,
К истоку двигалась река.



Элемент ADDRESS

(HTML 2.0) – Address
Находящийся между начальным и конечным тегами текст оформляется как почтовый адрес. Чаще всего оформление выражается в выделении строки адреса курсивом.

  Пример:
      Пишите по следующему адресу:
<ADDRESS>
    Москва. ул. Академика Королева, 13 <BR>
    Мурзилке
</ADDRESS>

  Результат:
      Пишите по следующему адресу:
        Москва. ул. Академика Королева, 13
        Мурзилке

Примечание:
Internet Explorer версии 3.0 неверно интерпретирует конечный тег </ADDRESS>, поэтому весь текст, находящийся после адреса, будет отображаться курсивом. Эту ошибку можно легко устранить, поставив после </ADDRESS> любой элемент форматирования текста.
  Пример:
      <ADDRESS>
    Мой адрес не дом и не улица, <BR>
    Мой адрес &#150; Советский Союз.
</ADDRESS>
<!-- избавляемся от глюка -->
<I></I>
Нормальный текст
...



Элемент DIV

(HTML 3.2) – Division
Используется для логического выделения блока HTML-документа. Элемент группировки, как и элемент SPAN. В современном сайтостроении используется как удобный контейнер для объектов страницы, которым легко динамически манипулировать – перемещать, включать/выключать, создавать слои, регулировать отступы и т.п.
В браузеронезависимой вёрстке обычно используется для выравнивания блока html-кода в окне браузера.
Находящиеся между начальным и конечным тегами текст или HTML-элементы по умолчанию оформляются как отдельный параграф.

Атрибуты:
ALIGN – определяет выравнивание содержимого элемента DIV. Атрибут может принимать значения: left, right, center.

  Пример:
      ...Текст документа...
<DIV ALIGN="center">
...Текст, таблицы, изображения. Выравнивание по центру.
</DIV>
...Текст документа...

Примечания:
У атрибута ALIGN есть еще одно значение – justify, поддерживаемое современными браузерами. Оно позволяет выравнивать текст по ширине (одновременно по левому и правому краям документа). Не понимающие justify браузеры будут выравнивать текст по левому краю.



Элемент P

(HTML 2.0) – Paragraph
Используется для разметки параграфов.

Атрибуты:
ALIGN – определяет способ горизонтального выравнивания параграфа.
Возможные значения: left, center, right. По умолчанию имеет значение left.

  Пример:
      <P ALIGN="center">Это центрированный параграф.<BR>
Текст располагается в центре окна браузера</P>

<P ALIGN="right">А это параграф, выровненный по правому краю.</P>



Элементы
H1, H2, H3, H4, H5, H6


(HTML 2.0) – Headers (Заголовки)
H1, H2, H3, H4, H5, H6
Элементы двойных тегов для создания уровневых заголовков текста жирным шрифтом с увеличенным размером.
H - первая буква английского слова "Header", что переводится как "Заголовок".
1 - цифра, определяющая уровень заголовка.
Существует шесть уровней заголовков. Они различаются величиной шрифта. Самый крупный шрифт используется для 1-го уровня заголовка - H1. Чем больше значение цифры в теге, тем меньший шрифт применяется. Соответственно, самый маленький шрифт в заголовках 6-го уровня - H6. Но он всёже всегда крупнее шрифта основного текста.
С их помощью можно разбивать текст на смысловые уровни – разделы и подразделы. На странице допустим только один единственный заголовок 1-го уровня. Заголовков нижестоящих уровней может быть сколько угодно. При этом обязательно соблюдение последовательности в уровнях заголовков. Следующим за заголовком 1-го уровня должен быть только заголовок 2-го уровня, а не 3-го или 6-го.


Атрибуты:
ALIGN – определяет способ выравнивания заголовка по горизонтали.
Возможные значения: left, right, center.

  Пример:
      <H1 ALIGN="center">Самый большой заголовок посередине</H1>
<H2>Заголовок поменьше</H2>
...
<H6>Малюююсенький такой заголовочек</H6>