Побудова таблиці на вебсторінці
Файли для проведення уроку:
Контроль знань
Мотивація навчальної діяльності
Сприйняття та осмислення нового матеріалу
Завдання.
Відкрити у браузері та в текстовому редакторі запропонований вчителем гіпертекстовий документ (завантажити) [1]
Вставка таблиці
<table width=ширина border=товщина>
...
</table>
WIDTH - ширина таблиці. Якщо ширину таблиці потрібно задати у пікселях, то задається тільки числове значення (допускається використання закінчення px). При цьому ширина таблиці при зміні ширини вікна змінюватись не буде. Якщо потрібно зробити ширину таблиці гнучкою відносно ширини вікна, то значення ширини таблиці потрібно задавати у відсотках (наприклад 50%, 100% тощо).
BORDER - товщина зовнішньої лінії таблиці. Варіанти значень параметра:
0 - внутрішні й зовнішні лінії таблиці не відображаються;
1 - внутрішні й зовнішні лінії таблиці тонкі;
від 2 - внутрішні лінії тонкі, зовнішні - відповідної товщини.
Вставка рядка у таблицю
<tr [align=горизонтальне вирівнювання] [valign=вертикальне вирівнювання] [bgcolor=колір]>
...
</tr>
ALIGN = left / center / right / justify
VALIGN - вирівнювання тексту (зображення та ін. об’єкта) по вертикалі (відносно висоти комірки). Можливі значення:
BOTTOM - вирівнювання по нижній межі комірки;
TOP - по верхній межі;
MIDDLE - по середині комірки.
BGCOLOR - колір фону комірки. Якщо цей параметр у тегу <TR>, то заданим кольором зафарбовуються усі комірки цього рядка, крім тих, що містять свій параметр BGCOLOR. Колір фону вказується англійською мовою (red, blue, lightblue тощо), або формулою #ччззсс.
Вставка комірки у рядок таблиці
<td [align=горизонтальне вирівнювання] [valign=вертикальне вирівнювання] [bgcolor=колір]> Вміст комірки (текст / зображення)