Створення списків

Є три типи списків: ненумерований, нумерований, тлумачення. Список може мати заголовок, який охоплюють тегами <LH>...</LH>, наприклад

<LH> Це заголовок списку</LН>.

Ненумерований список утворюють за допомогою парного тега <UL> ...</UL> і одинарних тегів <LІ>, наприклад, так:

<LH> Мої улюблені предмети:</LН> <UL>

<

- 138 - - 139 -

LІ>інформатика <LІ>англійська мова <LІ>історія </UL>

Нумерований список створюють за допомогою парного тега <OL>... </OL> з необов'язковим параметром TYPE і одинарних тегів <LI> так:

<LH> Мої улюблені предмети: </LH> <OL TYPE="1">

<LІ>Інформатика

<LІ>Англійська мова

<LІ>Історія </OL>

На екрані отримаємо: Мої улюблені предмети:

1. Інформатика

2. Англійська мова

3. Історія

Значення "і" чи "І" параметра TYPE задає нумерацію римськими малими (і, іі, iii, iv, ...) чи великими (І, II, III, IV, ...) цифрами, а значення "а" чи "А" - латинськими малими (a, b, с, d, ...) чи великими (А, В, С, ...) літерами.

Список тлумачень використовують для пояснення термі­нів, створення словників тощо. Його утворюють за допомогою парного тега <DL>...</DL> і двох одинарних тегів <DT> і <DD> так:

<LН>Заголовок</LН>

<DL>

<DT> термін

<DD> тлумачення 1

<DD> тлумачення 2 ...

</DL>

Наприклад,

<LН>Я знаю такі нові терміни:</LН>

<DL>

<DT> HTML

<DD> <1>мова для розмічування гіпертекстових

web-сторінок</I>

<DT> броузер

<DD> <I>програма для перегляду web-

документів</I>

<DT> тег

<DD> <I>засіб для записування команд мовою

HTML</I> </DL>

Створення таблиць

У звичайних текстових редакто­рах таблиці використовують для наочного подання числової чи текстової інформації. У web-дизайні таблиці відіграють більшу роль. Часто їх використовують для позиціювання гра­фічних чи інших об'єктів на екрані. Такі таблиці утворюють з невидимими межами (рамками), а в клітинках розташову­ють картинки, тексти тощо.

Таблиці створюють за допомогою таких тегів:

<TABLE параметри>

<ТС> Заголовок таблиці </ТС>

Тут пишемо теги для заповнення клітинок таблиці рядок за рядком </TABLE>

Для заповнення клітинок таблиці використовують такі Парні теги (закриваючі теги можна не зазначати):

<TR>...</TR>	Формують рядок таблиці
<ТН>текст</ТН>	Формують клітинку з заголовком рядка чи стовпця
<TD>текст</TD>	Формують текст кожної клітинки

Заголовки рядків і стовпців виводитимуться товстішим шрифтом.

Приклад 2. Створимо на web-сторінці таблицю-витяг з табеля успішності Світлани за три перші чверті з трьох пред­метів: інформатики, геометрії та алгебри:

<CENTER>

<TABLE BORDER=3

BGCOLOR=" yellow"

BORDER-COLOR="green">

<TC><I> Мої оцінки за три чверті: </I></ТС>

<TR> <TH></TH>

<ТН>І чверть </ТН>

<ТН>II чверть</ТН>

<ТН>III чверть</ТН>

</TR>

<TR> <TH АLIGN="left">Інформатика</ТН>

<TD>11/TD>

<TD>11/TD>

<TD>11/TD>

</TR>

<TR> <TH ALIGN="left">геометрія</TH>

<TD>11/TD>

<TD>10</TD>

<TD>10</TD>

<

- 140 - - 141 -

/TR>

<TR> <TH ALIGN="left">Aiire6pa</TH>

<TD>9</TD>

<TD>10</TD>

<TD>10</TD>

</TR>

</TABLE>

</CENTER><P>

Щоб об'єднати у рядку декілька послідовних клітинок, наприклад, дві в одну, у відповідному першому тезі <ТН> чи <TD> записують параметр ROWSPAN = 2. А щоб об'єднати у стовпці дві клітинки в одну, використовують параметр COLSPAN=2.

Колір рамки таблиці задають параметром BORDERCOLOR = "колір рамки", а колір тла клітинок - па­раметром Вgcolor="колір фону". Товщину рамки в піксе-лях задають параметром BORDER=''товшина рамки, 3". Як­що значення параметра - число нуль або параметра немає, то рамка буде невидимою.