III. Список определений.

Списки определений напоминают толковые словари, где каждому термину соответствует абзац определения, расположенный с отступом.

Пример:

Породы собак

Шотландская овчарка

Небольшая дружелюбная собака, напоминающая колли. Выведена на Шотландских островах. Используется для выпаса овец.

Бассет-хаунд

Собака средних размеров, очень дружелюбная. Отличается большими висячими ушами и удрученным выражением морды.

Список определений задается тегом <DL> </DL> (от англ. Definition List – список определений). Элемент списка, являющийся термином, создается с помощью тега <DT> (от англ. definition term). Элемент, который является определением, объявляется тегом <DD> (от англ. definition) и идет после тега <DT>. Соответственно HTML-код приведенного выше списка будет выглядеть следующим образом:

………

<H3> Породы собак</H3>

<DL>

<DT> Шотландская овчарка

<DD> Небольшая дружелюбная собака, напоминающая колли. Выведена на Шетландских островах. Используется для выпаса овец.

<DT> Бассет-хаунд

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

</DL>

……..

Вернемся к Таблице 1.

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

IV. Вложенные и комбинированные списки.

При желании можно комбинировать различные типы списков. А также вкладывать их друг в друга. Допустим, нужно вложить маркированный список в нумерованный.

Пример вложенных списков:

Как приготовить эликсир молодости

1. Взять равные части следующих элементов:

• Крокодиловы слезы

• От мертвого осла уши

• Дырку то бублика

2. Все перемешать и растолочь в порошок.

3. Порошок залить живой водой.

4. Полученную жидкость перелить в бутылку.

5. Бутылку закопать в саду.

6. Выкопать через 1 год.

7. Выбросит бутылку в море и не морочить себе голову.

HTML-код

……..

<H2>Как приготовить эликсир молодости</H2>

<OL>

<LI>Взять равные части следующих элементов:

<UL type= square >

<LI>Крокодиловы слезы

<LI>От мертвого осла уши

<LI>Дырку то бублика

</UL>

<LI>Все перемешать и растолочь в порошок.

<LI>Порошок залить живой водой.

<LI>Полученную жидкость перелить в бутылку.

<LI>Бутылку закопать в саду.

<LI>Выкопать через 1 год.

<LI>Выбросит бутылку в море и не морочить себе голову.

</OL>

……..

Лекция 6.

Тема: Создание гиперссылок.

Новый материал.

Гиперссылка является основным элементом, которому среда Web обязана как своей популярностью, так и своим существованием. Гиперссылки обеспечивают связь между Web-страницами. Кроме того, с использованием гиперссылок можно осуществлять переход между разными частями одной страницы. Для создания гиперссылки используется парный тег <A HREF=“...”> </A>. Между открывающим и закрывающим тегом пишется текст, который и будет ссылкой. В окне браузера гиперссылка выглядит следующим образом:

Следующая страница.

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

Параметр HREF отвечает за то, на какую страницу (или часть страницы) указывает ссылка.

I.

Если нужно установить гиперсвязь с другой страницей, то в HREF записывается URL этой страницы.

Например, <A HREF=“http://www.mail.ru/”>На страницу mail.ru</A>. Здесь в параметре HREF указан адрес страницы в Интернете.