Тема 67(8)
Теги оформлення таблиць:
<TABLE параметри>
<ТС>Заголовок таблиці</ТС>
Тут пишемо теги для заповнення
клітинок таблиці рядок за рядком
</TABLE>
Для заповнення клітинок таблиці використовують такі парні теги (зауважимо, що закриваючі теги можна опускати):
<TR>...</TR> - формують рядок таблиці;
<ТН>текст</ТН>— формують клітинку-заголовок рядка чи стовпця;
<ТD>текст</ТD>— формують текст кожної клітинки.
Тег таблиці <TABLE> має наступні параметри:
bgcolor - колір таблиці
border= - ширина рамки таблиці (0-невидима рамка)
width= - ширина таблиці (в пікселях або у відсотках)
height= - висота таблиці (в пікселях або у відсотках)
align="center \ right \ left" - спосіб вирівнення таблиці по центру \ по правому \ по лівому краю
Параметри тегів <TD> та <TR> :
bgcolor - колір комірки / всього рядка
background=*.* - колір комірки
width= - ширина комірки (в пікселях або у відсотках)
height= - висота комірки (в пікселях або у відсотках)
align="center \right \left"-спосіб вирівнення вмісту комірок: по центру \по правому\по лівому краю
valign="top \bottom \middle"-спосіб вирівнення вмісту комірок по вертикалі: згори \внизу \посередині
nowrap - блокує автоматичне перенесення слів в межах комірки
<td colspan= кількість стовпців комірки > поєднує стовпці
<td rowspan= кількість рядків комірки > - рядки.
Приклад
<td width="50%"> - Ширина клітинки - половина ширини таблиці
Робочий Аркуш уроку №67
Завдання 1
Завдання 2
<table border=1>
<tr >
<td > рядок 1 стовпець 1 </td >
<td > рядок 1 стовпець 2 </td >
<td > рядок 1 стовпець 3 </td >
</tr >
<tr >
<td colspan=2 > рядок займає 2 стовпці </td >
<td rowspan=2 > рядок 2 і 3, стовпець 3 </td >
</tr >
<tr >
<td > рядок 3 стовпець 1 </td >
<td > рядок 3 стовпець 2 </td >
</tr >
</table >
Домашнє завдання:
Винанати на вибір або завдання а, б, в, або завдання г.