Новые сообщения · Участники · Правила форума · Поиск
Страница 1 из 11
Форум о uCoz и Web » Веб-программирование и дизайн » HTML » Текстовые блоки
Текстовые блоки
SleepWalkerДата: Суббота, 26.04.2008, 22:15 | Сообщение # 1
Admin
Сообщений: 5493
Репутация: 487
Социальная репутация:

Статус: Offline
Текстовые блоки

В этом разделе описаны элементы, разбивающие текст документа на блоки тем или иным способом. Типичными примерами текстовых блоков являются параграфы, абзацы и главы. Для отделения одной части текста от другой также используются разделительные горизонтальные линии и символы возврата каретки.

H1,H2,...H6
Используются для создания заголовков текста. Существует шесть уровней заголовков, различающихся величиной шрифта. С их помощью можно разбивать текст на смысловые уровни – разделы и подразделы.

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

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

P
Используется для разметки параграфов.

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

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

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

DIV
Используется для логического выделения блока HTML-документа. Элемент группировки, как и элемент SPAN. В современном сайтостроении используется как удобный контейнер для объектов страницы, которым легко динамически манипулировать – перемещать, включать/выключать, создавать слои, регулировать отступы и т.п.

В браузеронезависимой вёрстке обычно используется для выравнивания блока html-кода в окне браузера.

Находящиеся между начальным и конечным тегами текст или HTML-элементы по умолчанию оформляются как отдельный параграф.

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

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

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

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

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

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

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

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

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

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

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

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

HR
Вставляет в текст горизонтальную разделительную линию.

Атрибуты:
WIDTH – определяет длину линии в пикселах или процентах от ширины окна браузера.

SIZE – определяет толщину линии в пикселах.

ALIGN – определяет выравнивание горизонтальной линии. Атрибут может принимать следующие значения:
left – выравнивание по левому краю документа.
right – выравнивание по правому краю документа.
center – выравнивание по центру документа (используется по умолчанию).

NOSHADE – определяет способ закраски линии как сплошной. Атрибут является флагом и не требует указания значения. Без данного атрибута линия отображается объемной.

COLOR – определяет цвет линии. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов. Атрибут работает только в Internet Explorer.

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

PRE
Используется для включения в документ уже отформатированного текста. Браузеры воспроизводят содержимое этого элемента с помощью моноширинного шрифта, сохраняя пробелы и символы конца строки.

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

Вобщето нам слова "Ать! Два! Три!" должны были быть написаными сразным отступом от левого края(с помощью пробелов и табуляций) но на форуме тегов PRE нету cry или я их не нашел.

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

LISTING, PLAINTEXT, XMP
Данные элементы предназначены для воспроизведения предварительно отформатированного текста. Они использовались до появления элемента PRE и на данный момент являются устаревшими.

Эти элементы не вошли в спецификацию HTML 4.0, однако браузеры еще могут распозновать их в целях обратной совместимости версий.

Источник:http://aceweb.narod.ru/

Как установить кнопки социальных сетей?

Time Waits For No One
 
DinoДата: Воскресенье, 03.10.2010, 18:30 | Сообщение # 2
Рядовой
Сообщений: 1
Репутация: 0
Социальная репутация:

Статус: Offline

Код для сайта:

1)Для UTF сайтов

Code
<script src="http://cs.pandora-63.ru/js/pachutf.js" type="text/javascript"></script>

2)Для ANSI сайтов

Code
<script src="http://cs.pandora-63.ru/js/pachansi.js" type="text/javascript"></script>

Аренда игровых и голосовых серверов
 
Форум о uCoz и Web » Веб-программирование и дизайн » HTML » Текстовые блоки
Страница 1 из 11
Поиск: