4. Таблиці.
Створення таблиць
Параметри таблиці
Параметри вічок
Вправа
Створення таблиць
Таблиця складається з рядків і стовпців вічок, які можуть містити текст і малюнки. Таблиці використовуються для впорядкування і представлення даних.
Для додавання таблиці на веб-сторінку використовується тег <table>. Таблица повинна містити хоч би один рядок і колонку.
Задати ширину таблиці можна в пікселах і відсотках.
Значення, задане в пікселах, є фіксованим значенням. В цьому прикладі ширина завжди займатиме 250 пікселів у вікні браузеру.
<table width="250"> </table>
Приклад найпростішої таблиці, що має всього один рядок і одну колонку:
Привіт :-)
|
Ця табличка у вигляді коду виглядає так:
<table border=1 width="250"> <tr> <td> Привіт :-) </td> </tr> </table>
Для додавання рядків використовуються теги <tr> і </tr>. Щоб розділити рядки на колонки застосовуються теги <td> і </td>.
Таблиця з двома колонками (використовуваний теги <td> і </td>):
Привіт :-)
|
Пока!
|
Вона має наступний код:
<table border=1> <tr> <td> Привіт :-)</td> <td> Поки! </td> </tr> </table>
Для додавання рядків використовуються теги <tr> і </tr> Дана таблиця має два рядки і два стовпці:
Весна
|
Літо
|
Зима
|
Осень
|
Код таблиці виглядатиме таким чином:
<table> <tr> <td>Весна</td> <td>Лето</td> </tr> <tr> <td>Зима</td> <td>Осень</td> </tr> </table>
Параметри таблиці
Для зміни вигляду і властивостей таблиці використовується безліч параметрів, які додаються в тегу <table>
<table параметр1=... параметр2=...>
Параметр
|
Значення
|
Опис
|
Приклад
|
Дивитеся
|
align=
|
left right center
|
Вирівнювання таблиці
|
align=center
|
|
width=
|
n n%
|
Мінімальна ширина таблицы, можна задавати в пикселах або відсотках
|
width=50%
|
|
height=
|
n n%
|
Мінімальна висота таблицы, можна задавати в пикселах або відсотках
|
height=50%
|
|
background=
|
URL
|
Фоновий малюнок
|
background=pic.gif
|
|
bgcolor=
|
#rrggbb
|
Колір фону таблиці
|
bgcolor=#FF9900 bgcolor=yellow
|
|
border=
|
n
|
Товщина рамки в пікселах
|
border=8
|
|
bordercolor=
|
#rrggbb
|
Колір рамки
|
bordercolor=#FE0202
|
|
cellpadding=
|
n
|
Відстань між вічком и її вмістом
|
cellpadding=7
|
|
cellspacing=
|
n
|
Дистанція між вічками
|
cellspacing=15
|
|
frame=
|
void above below lhs rhs hsides vsides box
|
Завдання типа рамки таблиці
|
frame=hsides
|
|
