Лекція 7. СПИСКИ

 

Лекція 7. СПИСКИ

 

Списки  реалізують зручну можливість представлення інформації в документах.

Елементи списків всіх типів мають відступ від лівої межі екрана.

 

Тип                       Теги списку         Теги елементів

Нумерований         <OL>…</OL>     <LI>…</LI> - елемент списку Маркований           <UL>…</UL>     <LI>…</LI> - елемент списку Список описів                     <DL>…</DL>     <DD>…</DD> - назва терміну

<DT>…</DT>-визначення терміну

За замовчуванням елементи впорядкованого списку нумеруються цілими числами, починаючи з 1. До тегу нумерованого списку <OL> існує атрибут TYPE. Встановлюючи TYPE рівним “А”, “а”, “І”, “і”, можна змінити схему нумерації на великі літери, малі літери, великі або малі римські цифри відповідно.

Атрибут START дозволяє задавати початкове значення для нумерації (за замовчуванням START=1, але можна вказати будь-яке додатне число).

Атрибут TYPE тега <UL> дозволяє змінювати вигляд маркера

TYPE=disk - маркер має вигляд диска; TYPE=circle - маркер має вигляд кола; TYPE=square - маркер має вигляд квадрата. ПРИКЛАД (нумерований список)

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

<HTML>

<HEAD>

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

</HEAD>

<BODY>

<P ALIGN=CENTER>

<B>УКРАЇНСЬКА МИНУВЩИНА </B><BR>

<I>Етнографічний довідник </I><BR>

<OL>

<LI>ТРАДИЦІЙНЕ ЖИТЛО</LI>

<LI>НАРОДНІ ЗАНЯТТЯ</LI>

<LI>УКРАЇНСЬКА КУХНЯ</LI>

<LI>НАЦІОНАЛЬНЕ ВБРАННЯ</LI>

</OL>

</P>

</BODY>

</HTML>

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

 

 

ПРИКЛАД (маркований список)

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

<HTML>

<HEAD>

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

</HEAD>

<BODY>

<H1 ALIGN=CENTER>УКРАЇНСЬКА МИНУВЩИНА </H1><BR>

<H2 ALIGN=CENTER>Етнографічний довідник </H2><BR>

<P ALIGN= CENTER><B>УКРАЇНСЬКА КУХНЯ </B> </P>

<UL>

<LI>ПОВСЯКДЕННА Й СВЯТКОВА ЇЖА ТА НАПОЇ</LI>

<LI>РЕЖИМ І СЕЗОННІСТЬ ХАРЧУВАННЯ, ХАРЧОВІ ЗАБОРОНИ

</LI>

<LI>ОБРЯДОВА ЇЖА</LI>

</UL>

</BODY>

</HTML>

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

 

 

ПРИКЛАД (список описів):

 

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

<HTML>

<HEAD>

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

</HEAD>

<BODY>

<H1 ALIGN=CENTER>УКРАЇНСЬКА МИНУВЩИНА

</H1><BR>

<H2 ALIGN=CENTER>Етнографічний довідник</H2><BR>

<P ALIGN=CENTER><B>ОБРЯДОВА ЇЖА</B> </P>

<DL>

<DT><B>ПАСКА</B></DT>

<DD>весняний обрядовий хліб, який готували до Великодня. Дуже здобне вчинене тісто на яйцях, маслі, сметані, олії, цукрі добре вимішували і

ставили у тепле місце сходити.</DD>

<DT><B>КУТЯ</B>

<DD>подається на стіл у Святий вечір, у переддень Різдва. На Правобережжі кутю готували з пшениці, а на сході - з ячменю і заправляли тертим маком, горіхами, медом і узваром. </DD>

</DL>

</BODY>

</HTML>

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