Контрольні питання

1. Що таке гіперпосилання?

2. Що таке мова HTML?

3. Дайте визначення тега

4. Які види тегів Ви знаєте?

5. Що таке атрибути тегів?

6. Для чого використовується тег BODY? Які він може мати атрибути?

Лекція 22. Програмування Web-сторінок, що містять таблиці План заняття

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

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

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

Для створення таблиці використовується подвійний тег <table>...</table>, який визначає початок і кінець таблиці. Тег <table> має такі атрибути:

align = left | right | center - Вирівнює таблицю в межах текстового потоку

background = url - визначає URL графічного малюнка, який використовується в якості фрагмента при заповненні заднього фону таблиці.

bgcolor = # rrggbb - визначає колір фону для всієї таблиці.

border = number - визначає ширину (в пікселях) межі навколо таблиці та її осередків.

cellpadding = number - визначає простір усередині осередку (в пікселях), між кордоном і змістом ячейки. cellspacing = number - визначає простір (в пікселях) між клітинками таблиці.

height = number - визначає висоту повної таблиці (в пікселях або відсотках).

hspace = number - містить розмір вільного простору в пікселах ліворуч і праворуч від таблиці.

vspace = number - містить розмір вільного простору в пікселах вище і нижче вирівняною таблиці.

width = number - визначає ширину таблиці в пікселах або відсотках.

Для визначення в межах таблиці рядка таблиці використовується подвійний тег <tr>...</tr>, який може мати такі атрибути:

align = left | right | center - вирівнює таблицю в межах рядка.

bgcolor = # rrggbb - визначає колір фону рядка.

valing = top | middle | bottom | baseline - визначає вертикальне вирівнювання тексту в межах клітинки.

Тег <td>...</td> визначає у межах таблиці клітинку даних. Елемент таблиці може вміщати будь-який вміст, включаючи іншу таблицю. Даний тег може такіж використовувати атрибути, як і тег <table>...</table>, але ці властивості будуть застосовані лише в межах данної клітинки. Також можна використати атрибути:

nowrap - відключає автоматичний перенос тексту для поточної комірки.

rowspan = number - визначає число рядків, заповнених осередком.

valing = top | middle | bottom | baseline - визначає вертикальне вирівнювання тексту в межах комірки

Для створення заголовку таблиці використовують тег <th>…</th>. Заголовок зазвичаэ буде виглядати як нормальна клытинка з відцентрованим жирним текстом.

Приклад створення таблицы:

<TABLE WIDTH="350" BORDER="1"> <TR> <TD>1</TD> <TD>2</TD>        <TD>3</TD> </TR> <TR> <TD>4</TD> <TD>5</TD>        <TD>6</TD> </TR> </TABLE>

Дана таблиця на екраны буде виглядтати наступним чином:

1	2	3
4	5	6

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

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

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

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

<UL>

< LI >інформатика

< LI >математика

< LI >англійська мова

< LI >історія

</UL>

На екрані отримаємо:

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

• інформатика

• математика

• англійська мова

• історія

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

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

<OLTYPE="1">

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

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

< LI >Історія

</OL>

На екрані отримаємо:

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

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

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

3. Історія

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