Мультимедиа технологии. Авсиевич А.В - 17 стр.

UptoLike

ВУЗ: 

СамГУПС | Самара

Составители: 

Рубрика: 

valign – выравнивание по вертикали. Может принимать следующие значения: top -
выравнивание по верху, middle - по центру и bottom - по низу;
bgcolor и background - задают цвет или изображение фона одной строки таблицы.
Тег <td>…<\td> или <th>…<\th> предназначен для создания новой ячейки.
Количество ячеек (т.е. элементов <td> и <th>) должно быть одинаково в каждом ряду
таблицы, т.е. внутри
каждого тега <tr>.
Ячейки таблицы более богаты своими параметрами, в них входят все параметры
строк таблицы, описанные выше, и еще ряд следующих:
rowspan - объединяет указанное количество ячеек в одну по вертикали;
colspan - объединяет ячейки по горизонтали;
width и height - задают рекомендуемые размеры ячейки по горизонтали и
вертикали.
Приведем пример простейшей таблицы
:
<table border=1>
<tr><td>Первая ячейка<td>Вторая ячейка
<tr><td>новый<td>ряд
</table>
Подробно, на примерах, рассмотрим применение разных методов создания и
способов оформления таблиц.
Начнем с примера объединения ячеек таблицы на примере:
<table border=2>
<tr><td>1<td>2<td>3<td>4<td>5
<tr><td colspan=2 rowspan=2>6<td colspan=2>7<td rowspan=2>8
<tr><td>9<td>10
<tr><td>11<td>12<td>13<td>14<td>15
</table>
Результат выглядит следующим образом:
1 2 3 4 5
7
6
9 10
8
11 12 13 14 15
Как видно в первой строке 5 элементов <td>. Во второй строке элементов <td> уже
всего 3, но если просуммировать все значения colspan, то снова получится 5. По
умолчанию для каждой ячейки параметр colspan равен 1.
Третья строчка формируется из количества ячеек предыдущей строки. В примере
есть 2 ячейки, параметр rowspan в которых не равен 1, причем первая расширяется на 2
ячейки. Значит, в
этой строчке остаются незаполненными всего 5-3=2 ячейки. Что и
соответствует действительности.
Приведем еще один пример работы с таблицами с заданием разного фона. Фон
задается параметром bgcolor="цвет фона". Фон можно задать для таблицы в целом, для
ряда, для столбца (в пределе одного ряда). В нашем случае мы задаем фон для каждого
столбца.
<table>
<tr>
<td bgcolor="#FFCC33">1x1</td>
<td bgcolor="#336699">1x2</td>

Страницы