Дополнительные возможности форматирования текста

Списки.

Часто для оформления текста используют списки. Списки бывают нумерованные и ненумерованные (маркированные):

Пронумерованные списки

Пронумерованный список пишется в теге OL.
Тегом LI определяется элемент списка.

В пронумерованном списке нумерация происходит автоматически.

Атрибуты тега OL:

TYPE - вид счетчика:
A - большие латинские буквы,
a - маленькие латинские буквы,
I - большие римские цифры,
i - маленькие римские цифры,
1- обычные цифры.

START=n - число, с которого начинается отсчет.

Пример: Создадим новую страничку menu.htm.

<HTML>
<HEAD>
<TITLE>Содержание</TITLE>
</HEAD>
<BODY BACKGROUND="fon.jpg" BGPROPERTIES=FIXED>
<BASEFONT SIZE = 2>
<OL TYPE=I>
<LI>Микки Маус</LI>
<LI>Уолт Дисней</LI>
<LI>Мои друзья</LI>
</OL>
</BODY>
</HTML>
 Можно посмотреть, что получилось

Непронумерованные списки

Непронумерованный список пишется в теге UL.
Тег LI - элемент списка.

Для пометки элемента списка используются маркеры.

Параметр TYPE тега UL определяет внешний вид маркера: DISK, CIRCLE, SQUARE. По умолчанию используется маркер вида DISK.

Пример: Добавим в содержание несколько пунктов:

<HTML>
<HEAD>
<TITLE>Содержание</TITLE>
</HEAD>
<BODY BACKGROUND="fon.jpg"
BGPROPERTIES=FIXED>
<BASEFONT SIZE = 2>
<OL TYPE=I>
<LI>Микки Маус</LI>
<LI>Уолт Дисней</LI>
<UL>
<LI>Детство и юность</LI>
<LI>Покорение Голливуда</LI>
<LI>Смерть</LI>
</UL>
<LI>Мои друзья</LI>
</OL>
</BODY>
</HTML>
 Можно посмотреть, что получилось
Задание: создайте подобную страничку menu.htm, в которой напишите содержание своего будующего сайта.
 

 

Обозначение цитаты.

Teг BLOCKQUOTE предназначен для обозначения в документе цитаты из другого источника. Текст, обозначенный этим тегом, отступает от левого края документа на 8 пробелов.

Пример: Вставим цитату в страницу Disney.htm.

<HTML>
<HEAD>
<TITLE>Немного о жизни великого Диснея.</TITLE>
</HEAD>
<BODY BACKGROUND="fon.jpg" TEXT = blue
BGPROPERTIES=FIXED>
<BASEFONT SIZE = 4>
<P><Font size=+1 COLOR=#FF0000 FACE="Arial"><I>Немного о жизни великого Диснея.</I></Font>
<BLOCKQUOTE>"Я не снимаю фильмы для того, чтобы делать деньги, я делаю деньги, чтобы снимать больше хороших фильмов"</BLOCKQUOTE>
</BODY>
</HTML>
Можно посмотреть, что получилось

В настоящее время используют и другие написания этого тега: BQ, CITE.

Задание: Самостоятельно испробуйте действие на текст тегов BQ, CITE и вставьте в свою страничку цитату с помощью любого из этих трех тегов.

 

Контрольные вопросы:
  1. Можно ли использовать вложенные списки?
  2. Чем отличается действие на текст тегов BLOCKQUOTE, BQ, CITE?

На этом уроке Вы должны были:

  1. создать страницу с содержанием вашего сайта;
  2. содержание оформите в виде списка;
  3. вставьте цитату в какую-нибудь свою страничку.