Побудова списків з графічними маркерами

Список, оснащений невеликими графічними кліпами, що виконують функцію маркерів, додасть привабливості Web-сторінці. Бажано, щоб графічні кліпи, які застосовуються як маркери, мали малі розміри.

Для того, щоб скористатись графічними маркерами, потрібно застосувати атрибут ALIGN, присвоївши йому одне із значень – top (доверху), middle (посередині) і bottom (донизу), - які дозволяють відповідним чином вирівняти стрічку тексту елемента списку по вертикалі відносно межі маркера.

Наприклад,

<BODY>

<H3>ЗМІСТ</H3>

<UL>

<BR><IMG SRC=”Назва файлу.jpg” ALIGN=”middle”><I>Розділ 1.</I> Основи Web-дизайну </LI>

<BR><IMG SRC=”Назва файлу.jpg” ALIGN=”middle”><I> Розділ 2.</I> Форматування тексту </LI>

<BR><IMG SRC=”Назва файлу.jpg” ALIGN=”middle”><I> Розділ 3.</I> Вставляння графічних зображень </LI>

<BR><IMG SRC=”Назва файлу.jpg” ALIGN=”middle”><I> Розділ 4.</I> Робота з графікою </LI>

<BR><IMG SRC=”Назва файлу.jpg” ALIGN=”middle”><I> Розділ 5.</I> Створення гіперпосилань </LI>

<BR><IMG SRC=”Назва файлу.jpg” ALIGN=”middle”><I> Розділ 6.</I> Побудова таблиць </LI>

<BR><IMG SRC=”Назва файлу.jpg” ALIGN=”middle”><I> Розділ 7.</I> Створення форм </LI>

<BR><IMG SRC=”Назва файлу.jpg” ALIGN=”middle”><I> Розділ 8.</I> Проектування фреймів </LI>

</UL>

</BODY>

відобразиться браузером:

ЗМІСТ

Розділ 1. Основи Web-дизайну
Розділ 2. Форматування тексту
Розділ 3. Вставляння графічних зображень
Розділ 4. Робота з графікою
Розділ 5. Створення гіперпосилань
Розділ 6. Побудова таблиць
Розділ 7. Створення форм
Розділ 8. Проектування фреймів

Створення гіперпосилань


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: