Побудова списків з графічними маркерами
Список, оснащений невеликими графічними кліпами, що виконують функцію маркерів, додасть привабливості 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. Проектування фреймів
Створення гіперпосилань
Побудова гіперпосилання, що вказує на іншу Web-сторінку
Для зв’язування фрагменту тексту або графіки, представлених на одній Web-сторінці, з іншою сторінкою застосовується дескриптор <A>. Коли користувач вибирає гіперпосилання, відкривається відповідна Web-сторінка.
Гіперпосилання може пов’язувати сторінки у межах одного сайту або вказувати на будь-яку іншу сторінку Web. При побудові посилання на чужі дані завжди потрібно вказувати URL з абсолютною адресою сторінки. Абсолютною називається адреса, яка містить повні відомості про місцезнаходження сторінки (наприклад, http://www.microsoft.com). Якщо посилання створюється у межах власного сайту, надається перевага використанню відносному URL. Якщо файли обох сторінок, пов’язаних гіперпосиланням, розміщені в одному каталозі, достатньо вказати тільки ім’я файлу сторінки, якщо у підпорядкованому каталозі – URL повинен містити імена цього каталогу і файлу сторінки.
Наприклад,
<Р> <A HREF=” http://www.НУ „ЛП”.com>
Якщо Вас цікавить інформація про Національний університет „Львівська політехніка”, запрошуємо сюди...
</A> </Р>
відобразиться браузером:
Якщо Вас цікавить інформація про Національний університет „Львівська політехніка”, запрошуємо сюди...
Стрічка відображається кольоровим підкресленим шрифтом. Користувач може клацнути на тексті гіперпосилання, щоб перейти до вказаної Web-сторінки.
Для того, щоб побудувати графічне гіперпосилання, потрібно замість тексту вставити графічне зображення.
Наприклад,
<Р> <A HREF=” http://www.НУ „ЛП”.com”>
<IMG SRC=”Макросвіт.jpg” WIDTH=”60” HEIGHT=”52”>
</A> </Р>
відобразиться браузером: