Тема 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 >

Домашнє завдання:

Винанати на вибір або завдання а, б, в, або завдання г.