AB
|
|
|
|
|
F Tran |
sf |
|
|||
|
|
|
|
D |
|
|
|
|||
|
|
Y |
P |
|
|
|
|
or |
e |
|
B |
Y |
|
|
|
|
|
|
|
m |
|
|
|
|
|
|
|
buy |
r |
|||
|
|
|
|
|
|
|
2 |
|||
|
|
|
|
|
|
|
|
0 |
||
|
|
|
|
|
|
|
to |
|
|
. |
|
|
|
|
|
|
here |
|
|
|
|
|
|
|
|
Click |
|
|
|
|
||
w |
|
|
|
|
|
m |
||||
|
|
|
|
|
|
|
||||
|
|
w |
w. |
|
|
|
|
o |
||
|
|
|
|
|
|
|
. |
|
||
|
|
|
|
|
A BBYY |
c |
|
|||
|
|
|
|
|
|
|
||||
7.11 Таблиці
AB
|
|
|
|
|
F Tran |
sf |
|
|||
|
|
|
|
D |
|
|
|
|||
|
|
Y |
P |
|
|
|
|
or |
e |
|
B |
Y |
|
|
|
|
|
|
|
m |
|
|
|
|
|
|
|
buy |
r |
|||
|
|
|
|
|
|
|
2 |
|||
|
|
|
|
|
|
|
|
0 |
||
|
|
|
|
|
|
|
to |
|
|
. |
|
|
|
|
|
|
here |
|
|
|
|
|
|
|
|
Click |
|
|
|
|
||
w |
|
|
|
|
|
m |
||||
|
|
|
|
|
|
|
||||
|
|
w |
w. |
|
|
|
|
o |
||
|
|
|
|
|
|
|
. |
|
||
|
|
|
|
|
A B BYY |
c |
|
|||
|
|
|
|
|
|
|
||||
Особливість використання таблиць полягає в тому, що вони є основним засобом форматування HTML-документів. Розміщення інформації вHTMLдокументі, виконане за допомогою інших засобів(тегів), має або набагато менші можливості, або не однаково відображається браузерами різних типів.
Для |
побудови |
таблиці |
необхідно використати |
теги-контейнери: тег |
||
таблиці <table>, тег |
рядка <tr> |
та тег комірки даних<td> або тег комірки |
||||
заголовка |
<th>. При |
цьому |
таблиця має |
бути розміщена |
в HTMLтілі - |
|
документу, |
будується |
вона рядками, причому |
кількість |
комірок |
в рядках |
|
повинна бути однакова. Таким чином одній таблиці відповідає один тег <table> та стільки тегів<tr>, скільки рядків має таблиця. Якщо в таблиці немає об’єднання комірок, то сумарна кількість тегів<td> та <th> дорівнює добутку кількості рядків на кількість колонок таблиці. Різниця між тегами <td> та <th> полягає в форматуванні та вирівнюванні розміщеного в них тексту. В тезі <td> текст відображається стандартним шрифтом з горизонтальним вирівнюванням "по лівому краю". В тезі <th> текст відображається напівжирним шрифтом з горизонтальним вирівнюванням "по середині". Для розміщення інформації (тексту або графіки ) в середині таблиці необхідно помістити її в тег комірки. Таблиця може мати заголовок, якому відповідає парний тег<caption>, він має бути розміщений після тегу <table> до першого тегу <tr>.
Наведемо приклад HTML-коду для визначення таблиці, яка складається із заголовку та трьох рядків, в кожному із яких має бути дві комірки:
<table>
<caption>Заголовок таблиці </caption>
<tr><th>Рядок 1. Комірка 1</th><th> Рядок 1. Комірка 2</th></tr> <tr><td>Рядок 2. Комірка 1</td><td> Рядок 2. Комірка 2</td></tr> <tr><td>Рядок 3. Комірка 1</td><td> Рядок 3. Комірка 2</td></tr>
</table> |
|
|
|
|
|
|
|
Для |
зручності ідентифікації комірок |
в них |
розміщено, |
щотекст |
|||
відповідає |
номеру рядка та |
номеру комірки в .рядкуВідображення такої |
|||||
таблиці у вікні браузера показано на рис. 7.12. |
|
|
|
|
|||
При відсутності параметруborder у тегах, що визначають таблицю, її |
|||||||
межі не відображаються. |
|
|
|
|
|
||
Розглянемо |
призначення |
найбільш використовуваних |
параметрів |
тегів |
|||
<table>, <caption>, <tr>, <td> та <th>. |
|
|
|
|
|||
Тег |
<caption> найчастіше |
використовується тільки з параметрамиalign |
|||||
та valign, |
що |
визначають |
відповідно |
горизонтальне |
та |
вертикальне |
|
вирівнювання заголовка таблиці.
Можливі значення параметру align тегу <caption>:
-right - заголовок вирівнюється по правому краю таблиці;
-center - заголовок вирівнюється по центру таблиці;
-left - заголовок вирівнюється по лівому краю таблиці.
Параметр valign дозволяє розміщувати заголовок над таблицею (значення top) або під таблицею (значення bottom ). При відсутності параметрів align та
119