4. Таблиці.
У HTML можна без особливих труднощів будувати свої таблиці в тому же представленні, як і на папері чи в Word. Структура таблиць у HTML включає рядки і стовпці, що можуть мати заголовки (headers - імена, титули, пояснення). Таблиця в звичайному варіанті представляється в природному виді, з узгоджено розташованими стовпцями. Для цього використовуються наступні теги: TABLE, CAPTION, TR, TH, TD. /3/
4.1. Table-таблиці
Ціль
Для представлення табличної інформації, тобто структури, подібної матричній.
Основний синтаксис
<TABLE> рядки таблиці (TRелементи) </TABLE>
Можливі атрибути
ім'я атрибута |
можливі значення |
зміст |
ALIGN |
LEFT, CENTER, RIGHT |
горизонтальне вирівнювання всієї таблиці |
WIDTH |
Специфікація |
ширина всієї таблиці |
BORDER |
Ціле |
ширина рамки в пикселях |
CELLSPACING |
Ціле |
проміжок між осередками в пикселях |
CELLPADDING |
Ціле |
проміжок між змістом осередку і рамкою навколо осередку в пикселях ("набивання") |
Приклад таблиці із заданими параметрами:
<TABLE ALIGN=CENTER WIDTH="80%" BORDER=1 CELLSPACING=10 CELLPADDING=3>
<CAPTION>Список країн</CAPTION>
<TR>
<TD>Туреччина</TD>
<TD>Росія </TD>
<TD>Україна </TD>
<TD>Швеція </TD>
<TD>Лівія </TD>
</TR>
</TABLE>
Рис. 1.7. Приклад таблиці із заданими параметрами
4.2. Caption (заголовок) - заголовок для таблиці
Ціль
Представити заголовок таблиці.
Основний синтаксис
<CAPTION>текст</CAPTION>
Можливі атрибути
ім'я атрибута |
можливі значення |
зміст |
ALIGN |
TOP, BOTTOM |
Розміщення заголовка щодо таблиці ( угорі чи внизу таблиці) |
4.3. TR - табличний рядок
Ціль
Для представлення рядка таблиці.
Основний синтаксис
<TR>заголовок осередків (THелементи) і дані осередків (TDелементи)</TR>
У принципі, кінцевий тег </TR> може бути опущений, але робити так не рекомендується, тому що при цьому деякі броузери (включаючи Netscape) можуть представляти таблицю невірно.
Можливі атрибути
ім'я атрибута |
Можливі значення |
зміст |
ALIGN |
LEFT, CENTER, RIGHT |
горизонтальне вирівнювання в осередку |
Приклади
<TR><TD>3.70 <TD>4.69 <TD>8.02 </TR>
4.4. HR - зміна розділу (горизонтальна риса)
Ціль
Позначити зміну розділу.
Типове відображення
Горизонтальна риса (на повну ширину екрана - за замовчуванням). До і після тега HR броузер автоматично додає тег P, тому немає необхідності у формуванні незаповненого вертикального простору до і після риси.
В мовних програмах перегляд тегів спрацьовує як пауза. /1/
Основний синтаксис
<HR>
Можливі атрибути (Немає в HTML 2.0!)
ім'я атрибута |
Можливі значення |
зміст |
ALIGN |
LEFT, RIGHT, CENTER |
горизонтальне вирівнювання риси |
NOSHADE |
NOSHADE |
задає відображення риси в одному кольорі (без відтінків) |
SIZE |
ціле |
висота риси в пикселях |
WIDTH |
специфікація ширини |
ширина риси |
Приклади
<P>
Деякий текст
</P>
<HR>
<P>
Інший текст
</P>