Елементи мови html для створення таблиць.
<TABLE> </table>.
Зовнішній елемент таблиці. Він дозволяє задавати загальні властивості таблиці і відокремлює структуру таблиці від іншої частини Web-сторінки. Розглянемо атрибути цього елемента. Більшість атрибутів можуть використовуватися й в інших елементах таблиці.
Таблицю можна вирівняти по горизонталі за допомогою, атрибута align:
align="left" — уліво;
align="center" - по центру;
align="right" — вправо.
Ширину таблиці можна задати точно в пікселах чи в процентному відношенні до ширини сторінки у вікні браузера. Наприклад: width=400 або width=50%
Для управління виглядом рамки таблиці використовуються атрибут border=ширина.
При завданні нульового значення для атрибута border рамка зникає зовсім.
Для всієї таблиці може бути заданий колір тіла: bgcоlor=”колір”
Замість кольору допускається використовувати малюнок: background=”ФАЙЛ”
Атрибути bgcolor і background можна вказувати і з іншими елементами таблиці, крім елемента CAPTION.
<CAPTION> </caption>.
Елемент для завдання заголовка таблиці. Незважаючи на те що цей елемент розташовується усередині елемента TABLE, заголовок виводиться на екрані поза рамкою таблиці. Положенням заголовка можна керувати:
align="top" - заголовок над таблицею;
align="bottom" - заголовок під таблицею;
align="left"- заголовок вгорі і вирівняний уліво;
align="right" - заголовок вгорі і вирівняний вправо.
Вирівнювання даних в клітинках таблиці
Існує набір атрибутів, призначених для вирівнювання даних в клітинках таблиць. Атрибут align дозволяє вирівнювати дані в клітинках по горизонталі. Він приймає наступні значення:
left - вирівнювання вліво;
right - вирівнювання вправо;
сеntеr - центрирование.
А
Приклад 4
<TABLE border=4>
<CAPTION> Заголовок таблиці </caption>
<TR>
<TH
bgcolor="yellow">3аголовок 1 </th>
<TH
bgcolor="yellow">3аголовок 2 </th>
</tr>
<TR> <TD> Клітинка
1</TD><TD> Клітинка 2 </TD>
</tr>
<TR><TD> Клітинка 3</TD><TD>
Клітинка 4 </TD>
</tr>
</table>
top -вирівнювання по верхньому краї клітинки;
bottom - вирівнювання по нижньому краї клітинки (не завжди працює);
center - вирівнювання по центрі;
baseline - вирівнювання по першому рядку
<TR> Елемент, що створює рядок таблиці. Усередині елемента розташовуються елементи ТН і TD, що визначають одиночні клітинки
<TH> Елемент клітинки, що є заголовком стовпця чи рядка таблиці. Цей елемент повинний розташовуватися усередині елемента TR. Клітинки-заголовка відрізняється від звичайної тем, що браузер виводить текст усередині її виділеним (як правило напівжирним) шрифтом.
<TD> Цей елемент визначає звичайну клітинку таблиці. Для нього припустимі ті ж атрибути, що і для елемента ТН.
Розміщення картинок в тесті сторінки
Для вставки картинки використовується тег <img>
<img src="адреса графічного файла">
Для <img> можна використовувати такі атрибути:
Height = число, яке вказує розмір малюнка по вертикалі в пікселях.
Width = число, яке вказує розмір малюнка по горизонталі в пікселях.