Контент-менеджмент (стр. 3 )

<P AlIGN=LEFT> и </P>  — текст, помещенный между этими тэгами, будет отформатирован по левой стороне;

<P AlIGN=RIGHT> и </P>  — текст, помещенный между этими тэгами, будет отформатирован по правой стороне.

По умолчанию текст HTML выравнивается по левому краю. Поэтому параметр ALIGN=LEFT можно не использовать.

Чтобы отформатировать весь текст, а не только абзацы, по центру, его нужно поставить между следующими тэгами:

<CENTER>текст</CENTER>

Нужно отметить, что тэг <P> не всегда используется вместе с парным ему тэгом. Парный тэг необходимо использовать, когда добавляются параметры. Если же  осуществляется простое разделение на абзацы, то парный тэг необязателен.

Существует также тэг, отвечающий за горизонтальную черту:

<HR>

Он также, как и тэг <BR>, используется без парного ему тэга. Если поставить этот тэг, будет создана горизонтальная черта шириной во весь экран. Если необходимо создать черту, например, на 50% от ширины экрана, то к тэгу <HR> добавляется  параметр ширины WIDTH:

<HR WIDTH=50%>

Если необходимо создать широкую черту, то к тэгу <HR> добавляется параметр размера SIZE (размер в данном случае задается пикселями):

<HR SIZE=60>

Черту можно сделать черной, для этого добавляется параметр NOSHADE, и выровнять, как и абзац, по центру, по правому или левому краю:

тэг <HR NOSHADE> создает черную черту;

тэг <HR ALIGN=LEFT > выравнивает черту по левому краю;

тэг <HR ALIGN=RIGHT > выравнивает черту по правому краю;

тэг <HR ALIGN= CENTER> выравнивает черту по центру.

По умолчанию текст HTML выравнивается по левому краю. Поэтому параметр ALIGN=LEFT можно не использовать.

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

<NOBR> и </NOBR>

Если текст, заключенный между этими тэгами, не поместится на экране, то браузер добавит в нижней части окна документа горизонтальную полосу прокрутки. Если необходимо оборвать строку в определенном месте, ставится тэг <BR>.

Например, если строка содержит название организации и его нельзя разбивать, то надо поместить тэг <NOBR> перед этим названием и закрывающий тэг </NOBR> в конце названия.

С помощью тэга <WBR> можно указать места, в которых разрешается переносить текст в случае необходимости.

Списки

Списки предназначены для представления информации в упорядоченном виде. Существует три основных вида списков в HTML-документе: нумерованный, ненумерованный, список определений.

Можно создавать вложенные списки, используя различные тэги списков или повторяя одни внутри других. Для этого необходимо разместить одну пару тэгов (открывающий и закрывающий) внутри другой. Будут ли элементы вложенного списка иметь те же маркеры, обозначающие элемент списка,  зависит от браузера.

Нумерованный список начинается открывающим тэгом <OL> и завершается тэгом </OL>. Каждый элемент списка начинается с тэга <LI>.

Пример. Чтобы создать список: Иванов Петров необходимо поставить следующие тэги:   <OL>   <LI>Иванов   <LI>Петров</OL>

В нумерованном списке автоматически выставляются номера по порядку. Если удалить один или несколько элементов нумерованного списка, то остальные номера автоматически будут изменены.

Ненумерованный список начинается открывающим тэгом <UL> и завершается тэгом </UL>. Каждый элемент списка начинается с тэга <LI>.

В ненумерованных списках браузер обычно использует маркеры для пометки элемента списка. Вид маркера, как правило, настраивает пользователь браузера. Можно изменить вид маркера списка, добавив параметр маркера к тэгу <UL>:

<UL TYPE=SQUARE> — тэг квадратного маркера;

<UL TYPE=CIRCLE> — тэг круглого маркера;

<UL TYPE=DISC> — тэг маркера по умолчанию.

Пример. Чтобы создать список: Иванов Петров необходимо поставить следующие тэги:   <UL>   <LI>Иванов   <LI>Петров </UL>

Пример. Чтобы создать список: Иванов Петров необходимо поставить следующие тэги:   <UL TYPE=SQUARE>   <LI>Иванов   <LI>Петров   </UL>

Список определений начинается открывающим тэгом <DL> и завершается тэгом </DL>. Такой список служит для создания списков типа «термин»-«описание». Каждый термин начинается тэгом <DT>, а  описание — тэгом <DD>.

Пример. Чтобы создать список: Политика организации Под политикой организации понимают систему правил, в соответствии с которыми ведет себя организация в целом и по которым действуют люди, входящие в эту организацию. Стиль управления Совокупность приемов, манера поведения руководителя по отношению к подчиненным, позволяющие заставить их делать то, что в данный момент необходимо в целях достижения определенного результата. необходимо поставить тэги: <DL> <DT> <B>Политика организации</B> <DD>Под политикой организации понимают систему правил, в соответствии с которыми ведет себя организация в целом и по которым действуют люди, входящие в эту организацию. <DT> <B>Стиль управления</B> <DD> Совокупность приемов, манера поведения руководителя по отношению к подчиненным, позволяющие заставить их делать то, что в данный момент необходимо в целях достижения определенного результата.   </DL>

Упражнение. Откройте сохраненный в блокноте файл со структурой HTML-документа и создайте следующий вложенный список:

<H2>Список сотрудников нашей организации</H2>

<P> <SMALL>Список может быть использован только в служебных целях.</SMALL> <P>

<OL>

<LI>Дирекция

<UL>

<LI>

<LI>

</UL>

<LI>Служба управления персоналом

<UL>

<LI>

<LI>

</UL>

</OL>

Придумайте свой вложенный список и напишите его на языке HTML.

Специальные символы

Изначально предлагался набор специальных символов, которые можно включать в HTML-документы, но некоторых знаков явно не хватало. Например, язык HTML всегда уменьшал количество пробелов в тексте до одного (независимо от того, сколько их поставлено). Поэтому, чтобы поставить пробел, принудительно был введен специальный тэг:

&nbsp;

Этот тэг необходимо ставить столько раз, сколько потребуется пробелов.

Структура кода специальных символов отличается от структуры других тэгов: здесь имеются обязательные знаки «&» и  «;».

Наряду с этим символом в HTML были введены, например, следующие специальные обозначения (см. табл. 1.1):

  Таблица 1.1. HTML-коды специальных символов

Символ	HTML-код	Комментарий
"	"	Прямая кавычка
&	&	Амперсанд
<	&lt;	Знак «меньше»
>	&gt;	Знак «больше»
©	&copy;	Знак «copyright»
¦	&brvbar;	Вертикальная черта
§	&sect;	Знак параграфа
€	&euro;	Евро
«	&laquo;	Левая типографская кавычка
»	&raquo;	Правая типографская кавычка
	&not;	Знак отрицания
®	&reg;	Знак (R)
°	&deg;	Знак градуса
Символ	HTML-код	Комментарий
±	&plusm;	Знак «плюс-минус»
µ	&micro;	Знак «микро»
¶	&para;	Знак абзаца
·	&middot;	Точка-маркер
←	&larr;	Стрелка влево
↑	&uarr;	Стрелка вверх
→	&rarr;	Стрелка вправо
↓	&darr;	Стрелка вниз
↔	&harr;	Стрелка влево-вправо
™	&trade;	Знак торговой марки

1.4. Изменение цвета в HTML-документе

Цвет с первых секунд просмотра сайта подсознательно закладывает психологический настрой на изучение помещенной на нем информации. Важно продумать, как будет сочетаться цветовая гамма с тематикой сайта. Яркие цветовые пятна могут превалировать над содержанием сайта (хотя иногда именно этот способ используется, чтобы отвлечь внимание от содержания) или, если это сайт деловой кампании, создать неверное впечатление о ней. Кроме того, яркие цвета быстро вызывают усталость глаз, что не позволит посетителю долгое время находиться на сайте. Мрачные цветовые тона часто создают депрессивное настроение (хотя для соответствующей тематики — например, если сайт посвящен жертвам Холокоста — именно эти тона и выбираются).