- •Методичні вказівки
- •Основні параметри осередків
- •Valign – встановлює вертикальне вирівнювання вмісту осередку. За умовчанням контент осередку розташовується по її вертикалі в центрі. Можливі значення:
- •Приклади таблиць
- •Особливості таблиць
- •Порядок виконання роботи
- •У новому файлі створити таблицю виду :
Основні параметри осередків
Рядок таблиці : <TR>..</TR>. Кількість рядків таблиці визначається кількістю пар тегів <TR, що зустрічаються>.</TR>. Рядки можуть мати атрибути ALIGN і VALIGN, які описують візуальне положення вмісту рядків в таблиці.
Кожен елемент таблиці, TD, що задається через тег <>, у свою чергу теж має свої параметри, частина з яких співпадає з параметрами тега <TABLE> – ALIGN, BGCOLOR, BORDERCOLOR, а також
COLSPAN = встановлює число осередків, які мають бути об'єднані по горизонталі. Цей параметр має сенс для таблиць, що складаються з декількох рядків. Наприклад, як для таблиці, показаної нижче, де використовується горизонтальне об'єднання осередків.
Осередок 1 |
|
Осередок 2 |
Осередок 3 |
У цій таблиці знаходяться два рядки і дві колонки, причому верхні горизонтальні осередки об'єднані за допомогою параметра colspan.
HEIGHT = задає висоту осередку. Зазвичай браузер сам встановлює висоту таблиці і її осередків виходячи з їх вмісту. Проте при використанні параметра height висота осередків буде змінена. Тут можливі два варіанти. Якщо значення height менше, ніж вміст осередку, то цей параметр буде проігнорований. У разі, коли встановлена висота осередку, що перевищує її вміст, додається порожній простір по вертикалі.
ROWSPAN = встановлює число осередків, які мають бути об'єднані по вертикалі. Цей параметр має сенс для таблиць, що складаються з декількох рядків. Наприклад, як для таблиці, показаної нижче, де застосовується вертикальне об'єднання осередків.
Осередок 1 |
Осередок 2 |
Осередок 3 |
У цій таблиці знаходяться два рядки і дві колонки, ліві вертикальні осередки об'єднані за допомогою параметра rowspan.
Valign – встановлює вертикальне вирівнювання вмісту осередку. За умовчанням контент осередку розташовується по її вертикалі в центрі. Можливі значення:
top – вирівнювання по верхньому краю рядка,
middle – вирівнювання по середині,
bottom – вирівнювання по нижньому краю,
baseline – вирівнювання по базовій лінії, при цьому відбувається прив'язка вмісту осередку до однієї лінії.
WIDTH – задає ширину осередку в пікселах або %. Сумарне значення ширини усіх осередків може перевищувати загальну ширину таблиці тільки у тому випадку, якщо вміст осередку перевищує вказану ширину.
Приклади таблиць
|
|
<TABLE align= center border=2> <TR> <TD ROWSPAN=2> Місто</TD> <TH COLSPAN=2> Температура, З</TH> </TR> <TR> <TH>Вночі</TH> <TH>Вдень</TH> </TR> <TR> <TD>Мінськ</TD> <TD ALIGN=center>+5</TD> <TD ALIGN=center>+8</TD> </TR> <TR> <TD>Брест</TD> <TD ALIGN=center>+11</TD> <TD ALIGN=center>+14</TD> </TR> </TABLE>
|
<TABLE align= center border=2> <TR bgcolor= silver> <TD ROWSPAN=2 > Місто</TD> <TH COLSPAN=2 > Температура, З</TH> </TR> <TR bgcolor= silver> <TD>Вночі</TD> <TD>Вдень</TD> </TR> <TR> <TD>Мінськ</TD> <TD ALIGN=center>+5</TD> <TD ALIGN=center>+8</TD> </TR> <TR> <TD>Брест</TD> <TD ALIGN=center>+11</TD> <TD ALIGN=center>+14</TD> </TR> </TABLE> |
