Створення маркованого списку із графічними маркерами

 

При необхідності для створення маркованого списку можна створити свої власні графічні зображення для використання їх як маркерів.

ПРИКЛАД

Файл у форматі HTML:

<HTML>

<HEAD>

<TITLE>Моя перша HTML-сторінка</TITLE>

</HEAD>

<BODY>

<H2><P ALIGN= CENTER>ПОСЕЛЕННЯ, ЖИТЛО, ЗАБУДОВА </P>

<HR SIZE=8 WIDTH=40% COLOR=RED> </H2>

<IMG SRC=”BUT1_UP.GIF” WIDTH=60 ALT =” “>

<A HREF=”1.HTM”>

<FONT SIZE=5><B>Типи поселень</B></FONT></A><BR>

Поселення землеробської людності України, які складалися з будівель, пристосованих для життя, різноманітних підсобних занять, утримання свійських тварин та зберігання продуктів, сягають глибини віків.<BR>

<IMG SRC=”BUT1_UP.GIF” WIDTH=60 ALT =” “>

<A HREF=”2.HTM”>

<FONT SIZE=5><B> Типи народного житла</B></FONT></A><BR>

В основі типології традиційного сільського житлового комплексу також лежить поділ території України на зони, проте він більш розгалужений і детальніший.

</BODY>

</HTML>

 

Відображення файла програмою-броузером:

 

При використанні графічних маркерів слід звернути увагу на такі особливості:

- текст елементу списка знаходиться ближче до графічного зображення, ніж у звичайному невпорядкованому списку;

- центр графічного зображення не вирівнюється по центру текстового рядка;

- якщо текстовий елемент списку перевищує у довжину один рядок, він не вирівнюється так, щоб другий рядок починався точно під першим – другий і всі наступні рядки починаються під графічним зображенням. Графічне зображення може бути використане як гіперпосилання:

<A HREF= “http://www.e-helper.tk”> <IMG SRC=”адреса графічного файла”></A>