Неупорядоченный список

Списки

Marquee - бегущая строка (текста)

Font

Позволяет изменять цвет, размер и тип шрифта текста, находящегося между начальным и конечным тегами. Вне тегов <FONT> и </FONT> используется шрифт, указанный в элементе BASEFONT.

Атрибуты:

SIZE – определяет размер шрифта. Возможные значения:

· целое число от 1 до 7;

· относительный размер с указанием знака, вычисляется путем сложения с базовым размером, определенным с помощью атрибута SIZE элемента BASEFONT.

COLOR – определяет цвет текста. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов. Обратите внимание, что значению цвета обязательно должен предшествовать значок «решетка» - #, если он задается RGB-значением.

FACE – определяет используемый шрифт. Стандартными шрифтами, которые находятся на компьютере каждого пользователя, являются:

· Times;

· Times New Roman;

· Arial;

· Helvetica;

· Courier;

· Verdana;

· Tahoma;

· Cosmic Sans;

· Garamond

Любой из этих шрифтов можно использовать безбоязненно. В атрибуте face можно указать сразу несколько типов шрифтов:

<font face="arial, verdana, courier"> текст (шрифт Arial) </font>

В этом случае если не окажется на компьютере шрифта Arial, то текст будет отображен шрифтом Verdana. Если и Verdana нет на компьютере, то текст будет отображен шрифтом Courier. Т.е. в атрибуте face мы можем задать список разделенных запятыми названий шрифтов, которые браузер вашего посетителя должен попытаться найти у него на компьютере и отобразить в порядке приоритета.

Пример:

<FONT SIZE="+2" COLOR="#AA0000">Увеличенный красный шрифт</FONT>

<FONT SIZE="3" FACE="Courier New" COLOR="Magenta">Моноширинный фиолетовый текст 3 размера</FONT>

EM – Emphasis

Логическое ударение. Используется для смыслового выделения текста, стоящего между начальным и конечным тегами. Результат обычно отображается курсивом. То есть элемент EM по действию практически аналогичен элементу I.

Пример:

Порой в России встречаются <EM>действительно талантливые</EM> веб-мастера. Но только не друг с другом.

STRONG – Stronger emphasis

Усиленное выделение. Текст, заключенный между начальным и конечным тегами, будет выделен жирным шрифтом. То есть элемент STRONG практически аналогичен по действию элементу B.

Пример:

Я <STRONG>сильный</STRONG>, но легкий.

TT – Tele Type

Данный элемент отображает помещенный между начальным и конечным тегами текст моноширинным шрифтом. Это шрифт с символами одинаковой фиксированной ширины, как шрифт у пишущей машинки.

Пример:

<TT>Привет:) Давай дружить</TT>

Также моноширинным шрифтом отображается текст, заключенный в тег <pre></pre>:

Текст, который мы помещаем в теге <marquee></marquee>, становится бегущей строкой.

Атрибуты:

bgcolor - цвет фона бегущей строки.

height - высота строки.

width - ширина строки.

Пример:

<marquee height="10" width="270" bgcolor="#99CCFF">

Бегущая строка, высота - 10, ширина - 270 пикселов, фон - 99CCFF

</marquee>

vspace - задает расстояние между текстом и бегущей строкой по вертикали. Расстояние задается в пикселях.

hspace - задает расстояние между текстом и бегущей строкой по горизонтали. Расстояние задается в пикселях.

Align - отвечает за выравнивание бегущей строки на экране.

loop – задает, сколько раз прокрутится строка. Здесь она прокручивается всего 2 раза:

<marquee height="10" width="270" loop="2">

Бегущая строка

</marquee>

Direction - задает направление движения бегущей строки - direction="left" (right, up, down) - движение влево (вправо, вверх, вниз).

Behavior - поведение строки - behavior="scroll" (slide, alternate). Scroll - обычная прокрутка (можно не прописывать, оно так и есть по умолчанию). Slide - прокрутка с остановкой, строка пробегает до края и останавливается. Если одновременно с behavor="slide" употребить параметр loop, то строка прокрутится установленное количество раз и остановится у края. Alternate - строка будет двигаться от края к краю.

Scrollamount - скорость движения строки, scrollamount="1". Может принимать значения от 1 до 10. 1 - самое медленное движение, 10 - самое быстрое.

Списки в HTML бывают двух видов: упорядоченные (пронумерованные) и неупорядоченные (непронумерованные). Отличаются они лишь способом оформления. Перед пунктами неупорядоченных списков обычно ставятся символы-буллеты (bullets), например, точки, ромбики и т.п., в то время как пунктам упорядоченных списков предшествуют их номера.

Элементы:

· UL — Создает неупорядоченный список

· OL — Создает упорядоченный список

· LI — Создает пункт меню внутри элементов OL или UL.

· MENU, DIR — Создает неупорядоченный список, подобный UL. Эти элементы не вошли в спецификацию HTML 4.0, однако браузеры могут распознавать их в целях обратной совместимости. Элемент DIR был разработан для создания списка из нескольких столбцов. Элемент MENU был разработан для создания списка в один столбец. Оба элемента имеют ту же структуру, что и UL, но другое представление. Авторам же рекомендуется использовать вместо MENU и DIR элемент UL.

· DL — Открывает и закрывает список определений. Определения задаются с помощью элементов DT и DD. Атрибуты:

COMPACT – включает режим "компактного" отображения списка. Удобно использовать, если список определений очень велик. Данный атрибут является флагом и не требует присвоения значения.

Пример:

<DL COMPACT>

<DT>Жапура<DD>Река в Колумбии и Бразилии

<DT>Зайцы<DD>Семейство млекопитающих отряда зайцеобразных

...

</DL>

Другая сфера применения DL это, например, создание диалогов, где каждый DT именует говорящего, а каждый DD содержит его, её слова.

· DT — Создает термин в списке определений внутри элемента DL

· DD — Создает определение термина внутри элемента DL

LI – List Item

Создает пункт в списке. Располагается внутри элементов OL или UL.

Атрибуты:

VALUE – изменяет порядок нумерации элементов списка. Используется, только если элемент LI находится внутри элемента OL. В качестве значения указывается порядковый номер элемента.

Пример:

<OL TYPE="A" START="2">

<LI> Пункт, озаглавленный буквой B. </LI>

<LI VALUE="6"> Пункт, озаглавленный буквой F. </LI>

<LI> Пункт, озаглавленный буквой G. </LI>

</OL>

Type — отвечает за стиль элемента списка, визуально это выглядит так:

Disc – жирный круг ●

Circle – полый круг ○

Square – жирный квадрат ■

Пример:

<li type="disc"> текст

<li type="circle"> какой-то текст

<li type="square"> ещё текст

Атрибут type может вводиться не только для каждого элемента списка <li>, но и для всего списка в целом:

<ul type="square">

<li>Текст один

<li>Текст другой

<li>Текст сякой

<li>Текст эдакий

</ul>

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

Пример:

<UL>

<LI> Первый пункт списка </LI>

<LI> Второй пункт списка </LI>

<LI> Третий пункт списка </LI>

</UL>

Очень часто тег <ul></ul> используется кодерами немного нестандартно, для создания отступа (табуляции). Если вы пользуетесь текстовыми редакторами (допустим Microsoft Word), то вы знаете, что там есть табуляция (это когда вы жмете на кнопку Tab и весь текст сдвигается, допустим, вправо), тоже самое можно сделать средствами html:

<ul>Ваш текст</ul>

В этом случае мы не использовали тег <li>, и не ввели элементы списка. Такое применение тега <ul></ul> не стандартно, а значит нежелательно, т.к. не предусмотрено спецификацией, однако, если вам это нужно, то в данном случае, не страшно нестандартно воспользоваться тегом <ul>, ведь визуально это отобразиться всеми браузерами, а также избавит вас от необходимости вводить лишние таблицы в ваш документ, чтобы достичь того же эффекта стандартными средствами. Чтобы отступ был больше, можно вложить тег <ul> в самого себя:

<ul><ul>Два отступа</ul></ul>

<ul><ul><ul>Три отступа</ul></ul></ul>