Форматирование текста. В языке HTML предусмотрены специальные теги, предназначенные для форматирования текста. Они позволяют изменять вид шрифта, цвет, размер и др.
Списки. В языке HTML предусмотрен специальный набор тегов для представления информации в виде списков. Списки являются одним из наиболее часто употребляемых форм представления данных, как в электронных документах, так и печатных. В языке HTML предусмотрены маркированные, нумерованные списки и списки определений.
Маркированный список. Этот список еще называется ненумерованным или неупорядоченным. В маркированном списке для выделения его элементов используются специальные символы, называемые маркерами списка. Вид маркеров определяется браузером, причем при создании вложенных списков браузеры автоматически разнообразят вид маркеров различного уровня вложенности.
Для создания маркированного списка необходимо использовать тег-контейнер <UL> </UL>, внутри которого располагаются все элементы списка. Открывающий и закрывающий теги списка обеспечивают перевод строки до и после списка, отделяя, таким образом, список от основного содержимого документа, поэтому нет необходимости использовать теги абзаца или принудительного перевода строки.
Каждый элемент списка должен начинаться тегом <LI> и заканчиваться тегом </LI>.
Спецификация элемента UL:
<UL
TYPE="вид маркера">
Атрибут TYPE задает вид маркера, которым выделяются элементы списка. Он может иметь следующие значения:
- DISK – маркеры отображаются закрашенными кружочками, это значение используется по умолчанию;
- CIRCLE – маркеры отображаются не закрашенными кружочками;
- SQUARE – маркеры отображаются квадратиками.
Спецификация элемента LI для маркированного списка:
<LI
TYPE="вид маркера">
Атрибут TYPE задает вид маркера, он может принимать такие же значения, что и одноименный атрибут элемента UL. Значение по умолчанию – DISK.
Пример использования маркированного списка:
<HTML>
<HEAD>
<TITLE>Пример списка</TITLE>
</HEAD>
<BODY>
<UL>
Крупные города России:
<LI>Москва</LI>
<LI>Санкт-Петербург</LI>
<LI>Новосибирск</LI>
</UL>
</BODY>
</HTML>
Нумерованный список. Нумерованные списки иногда называют упорядоченными. Списки данного типа представляют собой упорядоченную последовательность отдельных элементов. Отличием от маркированных списков является то, что в нумерованном списке перед каждым его элементом автоматически проставляется порядковый номер. Вид нумерации зависит от браузера и может задаваться атрибутами тегов списка. В остальном реализация нумерованного списка во многом похожа на реализацию маркированного списка.
Для создания нумерованного списка следует использовать тег-контейнер <OL> </OL>, внутри которого располагаются все элементы списка.
Каждый элемент списка должен начинаться тегом <LI> и заканчиваться тегом </LI>.
Спецификация элемента OL:
<OL
TYPE="вид нумерации"
START="начальная позиция">
Атрибут TYPE задает вид нумерации, которой выделяются элементы списка. Он может иметь следующие значения:
- A – маркеры в виде прописных латинских букв;
- a – маркеры в виде строчных латинских букв;
- I - маркеры в виде больших римских цифр;
- i - маркеры в виде маленьких римских цифр;
- 1 - маркеры в виде арабских цифр, это значение используется по умолчанию.
Атрибут START определяет позицию, с которой начинается нумерация списка. Используя этот атрибут, можно начать нумерацию, например, с цифры 5 или буквы E, в зависимости от вида нумерации. Значением атрибута START является число, вне зависимости от вида нумерации.
Спецификация элемента LI для нумерованного списка:
<LI
TYPE="вид нумерации">
Атрибут TYPE задает вид нумерации, он может принимать такие же значения, что и одноименный атрибут элемента ОL. По умолчанию значение этого атрибута – 1.
Пример использования нумерованного списка:
<HTML>
<HEAD>
<TITLE>Пример списка</TITLE>
</HEAD>
<BODY>
<OL>
Города России по величине:
<LI>Москва</LI>
<LI>Санкт-Петербург</LI>
<LI>Новосибирск</LI>
</OL>
</BODY>
</HTML>
Список определений. Списки определений, также называемые словарями определений специальных терминов, являются особенным видом списков. В отличие от других типов списков каждый элемент списка определений всегда состоит из двух частей. В первой части элемента списка указывается определяемый термин, а во второй части – текст в форме словарной статьи, раскрывающий значение термина.
Списки определений задаются с помощью тега-контейнера <DL> </DL>. Внутри него тегом <DT> отмечается определяемый термин, а тегом <DD> – абзац с его определением. Внутри элемента <DT> нельзя использовать абзацы (P) и заголовки (H1-H6), но их можно использовать внутри элемента <DD>. Атрибутов для элементов списка определений нет.
Пример использования списка определений:
<HTML>
<HEAD>
<TITLE>Пример списка определений</TITLE>
</HEAD>
<BODY>
<H2 ALIGN="CENTER">Состав Microsoft Office</H2>
<DL>
<DT>Microsoft Word</DT>
<DD>Многофункциональный текстовый процессор</DD>
<DT>Microsoft Excel</DT>
<DD>Программа для работы с электронными
таблицами</DD>
<DT>Microsoft Access</DT>
<DD>Система управления базами данных</DD>
</DL>
</BODY>
</HTML>
Форматирование текста. В языке HTML предусмотрены специальные теги, предназначенные для форматирования текста. Они позволяют изменять вид шрифта, цвет, размер и др.
Чтобы отобразить текст полужирным шрифтом, используют тег <B>.
Тег <I> отображает текст курсивом.
Используя тег <TT>, можно отобразить текст, шрифтом, в котором все буквы имеют одинаковую ширину. Это так называемый моноширинный шрифт.
Для отображения текста подчеркнутым используется тег <U>.
Тег <SUB> сдвигает текст ниже уровня строки и выводит его (если возможно) шрифтом меньшего размера. Удобно использовать для математических индексов.
Тег <SUP> сдвигает текст выше уровня строки и выводит его (если возможно) шрифтом меньшего размера. Удобно использовать для задания степеней чисел в математике.
Теги форматирования могут быть вложенными друг в друга. При этом нужно внимательно следить, чтобы один контейнер находился целиком в другом контейнере.
Пример:
<P>Это <B>полужирный</B> шрифт</P>
<P>Выделение <I>курсивом</I></P>
<P>Это <TT>моноширинный</TT> шрифт</P>
<P>Пример <U>подчеркивания</U> текста</P>
<P>Пример <S>зачеркивания</S> текста</P>
<P>Шрифт <BIG>большего</BIG> размера</P>
<P>Шрифт <SMALL>меньшего</SMALL> размера</P>
<P>Шрифт <SUB>нижнего</SUB> индекса</P>
<P>Шрифт <SUP>верхнего</SUP> индекса</P>
<P>Этот текст <B><I>полужирный и
курсивный</I></B></P>
Тег <FONT> позволяет изменить шрифт для блока текста. Этот тег имеет следующую спецификацию:
<FONT
FACE="тип шрифта"
COLOR="цвет шрифта"
SIZE="размер шрифта"
>
Атрибут FACE служит для указания типа шрифта, которым браузер будет выводить текст (если такой шрифт имеется на компьютере). Значением данного атрибута служит название шрифта, которое должно в точности совпадать с названием шрифта, имеющимся у пользователя. Если такой шрифт не найдется, то данное указание проигнорируется и будет использован шрифт, установленный по умолчанию.
Можно установить как один, так и несколько названий шрифтов, разделяя их запятыми. Тогда список шрифтов будет просматриваться слева направо так: если на компьютере пользователя нет шрифта, указанного в списке первым, то делается попытка найти следующий и т.д. Если ни одного шрифта найти не удалось, то будет использоваться шрифт, установленный браузером по умолчанию.
Атрибут COLOR устанавливает цвет шрифта. Значение этого атрибута может быть указано в формате RGB или символьной нотацией.
Атрибут SIZE служит для указания размера шрифта. Указывать размер шрифта можно двумя способами: абсолютной величиной или относительной величиной. При указании размера абсолютной величиной значением атрибута является число от 1 до 7. 1 – самый маленький шрифт, 7 – самый большой. При указании размера относительной величиной значением атрибута является число со знаком + или -. В данном случае шрифт будет увеличен (+) или уменьшен (-) от размера, принятого по умолчанию.
Пример использования тега <FONT>:
<HTML>
<HEAD>
<TITLE>Пример изменения шрифта</TITLE>
</HEAD>
<BODY>
<P>Шрифт по умолчанию<BR>
<FONT COLOR="GREEN">зеленый шрифт</FONT><BR>
<FONT FACE="Arial">другая форма шрифта</FONT><BR>
<FONT SIZE="6">размер шрифта – 6</FONT><BR>
<FONT SIZE="+1">размер увеличен на 1</FONT></P>
</BODY>
</HTML>
Контейнер DIV. Иногда бывает необходимо произвести выравнивание большого блока документа, содержащего не только текст, но и рисунки, таблицы и т.п. Для этих целей используется элемент-контейнер DIV. Спецификация элемента DIV:
<DIV
ALIGN="выравнивание">
Атрибут ALIGN определяет тип выравнивания содержимого и может иметь те же значения, что и элемент P.
Отступы. Иногда требуется отобразить блок текста с отступом. Для этого блок текста помещают в элемент-контейнер BLOCKQUOTE. Тогда содержимое этого элемента будет отображаться с небольшими отступами слева и справа, а также отделяться от остального текста пустыми строками.
