Построение таблицы
|
1.
Одна строка - один столбец
Открываем в блокноте наш файл и в тегах <body> ... </body> пишем
<![CDATA[<body>
<TABLE>
</TABLE>
</body>]]>
где:
<![CDATA[<TABLE>
... - это теги таблицы
</TABLE>]]>
В тегах таблицы пишутся теги строк. Мы напишем теги для одной строки
<![CDATA[<body>
<TABLE>
<TR>
</TR>
</TABLE>
</body>]]>
где:
<![CDATA[ <TR>
... - это теги строки
</TR>]]>
В тегах строки пишутся теги столбцов. Мы напишем теги для одного
столбца
<![CDATA[<body>
<TABLE>
<TR>
<TD>
</TD>
</TR>
</TABLE>
</body>]]>
где:
<![CDATA[ <TD>
... - это теги столбца
</TD>]]>
|
2.
Одна строка - два столбца
Пример написания:
<![CDATA[<body>
<TABLE>
<TR>
<TD>
... - первый столбец
</TD>
<TD>
... - второй столбец
</TD>
</TR>
</TABLE>
</body>]]>
3.
Две строки - один столбец
Пример написания:
<![CDATA[<body>
<TABLE>
<TR>
<TD>
... - столбец
</TD>
</TR>
<TR>
<TD>
... - столбец
</TD>
</TR>
</TABLE>
</body>]]>
4. Две строки - два столбца
Пример написания:
<![CDATA[<body>
<TABLE>
<TR>
<TD>
... - первый столбец
</TD>
<TD>
... - второй столбец
</TD>
</TR>
<TR>
<TD>
... - первый столбец
</TD>
<TD>
... - второй столбец
</TD>
</TR>
</TABLE>
</body>]]>
|
Теги таблицы могут иметь параметры:
В теге <TABLE> мы можем писать (или устанавливать) параметры.
<![CDATA[<TABLE border="0" ... Height="26">]]>
Пример написания:
<TABLE
border="0" cellPadding="10" cellSpacing="0" WIDTH="100%" bordercolor="#0ff00f"
bgColor="#ffffff" Height="26">
где:
1. TABLE - это контейнер для создания таблицы. Имеет начальный и конечный дискрипторы;
2. BORDER="Параметр" – определяет ширину внешней рамки таблицы (в пикселах). При BORDER="0" или при
отсутствии этого атрибута рамка отображаться не будет;
3. CELLPADDING="Параметр" – определяет расстояние (в пикселах) между рамкой каждой ячейки таблицы и
содержащимся в ней текстом, рисунком, анимацией и т.д.;
4. CELLSPACING="Параметр" – определяет расстояние (в пикселах) между границами соседних ячеек;
5. WIDTH="Параметр" – определяет ширину таблицы. Ширина задается либо в пикселах, либо в процентном отношении
к ширине окна браузера. По умолчанию этот атрибут определяется автоматически в зависимости от
объема содержащегося в таблице материала;
6. HEIGHT="Параметр" – определяет высоту таблицы. Высота задается либо в пикселах, либо в процентном
отношении к высоте окна браузера. По умолчанию этот атрибут определяется автоматически в зависимости от
объема содержащегося в таблице материала.
7. BGCOLOR="Параметр" – определяет цвет фона ячеек таблицы. Задается либо RGB-значением в шестнадцатиричной системе,
либо одним из 16 базовых цветов.
8. BACKGROUND="Путь и имя рисунка" – позволяет заполнить фон таблицы рисунком. В качестве значения необходимо указать URL
рисунка.
Пример. background="dir/fon.jpg"
9. bordercolor="Параметр" - определяет цвет внешней рамки таблицы.
Теги строки могут иметь параметры:
В теге <TR> мы можем писать (или устанавливать) параметры.
<![CDATA[<TR bgColor="#ffffff" ... WIDTH="26">]]>
Пример написания:
<TR align=right WIDTH="100%" bgColor="#ffffff" Height="26" valign="Top"
где:
1. TR - определяет строку в таблице;
2. align="Параметр" - определяет выравнивание содержимого ячеек по горизонтали;
"Параметр" может принимать значения: left, center, right, justify, char.
|
|
left
|
- выравнивание содержимого ячеек по левому краю.
|
|
|
center
|
- выравнивание содержимого ячеек по центру ячейки.
|
|
|
right
|
- выравнивание содержимого ячеек по правому краю.
|
|
|
justify
|
- выравнивание по ширине (одновременно по правому и левому краю).
|
|
|
char
|
- выравнивание по указанному символу.
|
3. bgcolor="Параметр" - цвет фона ячеек;
4. bordercolor="Параметр" - цвет рамки;
5. valign="Параметр" - выравнивание содержимого ячеек по вертикали.
"Параметр" может принимать значения: top, middle, bottom, baseline.
|
|
top
|
- выравнивание содержимого ячеек по верхнему краю строки.
|
|
|
middle
|
- выравнивание содержимого ячеек по середине ячейки.
|
|
|
bottom
|
- выравнивание содержимого ячеек по нижнему краю.
|
|
|
baseline
|
- Выравнивание по базовой линии, при этом происходит привязка содержимого ячеек
к одной линии.
|
6. WIDTH="Параметр" – определяет ширину строки таблицы. Ширина задается либо в пикселах,
либо в процентном отношении к ширине окна браузера. По умолчанию этот атрибут
определяется автоматически в зависимости от объема содержащегося в строке таблицы материала;
7. HEIGHT="Параметр" – определяет высоту строки таблицы. Высота задается либо в пикселах,
либо в процентном отношении к высоте окна браузера. По умолчанию этот атрибут определяется
автоматически в зависимости от объема содержащегося в строке таблицы материала.
Теги столбца могут иметь параметры:
В теге <TD> мы можем писать (или устанавливать) параметры.
<![CDATA[<TD bgColor="#ffffff" ... WIDTH="26">]]>
где:
1. TD - определяет столбец в таблице;
2. Для столбца устанавливают те же параметры, что и в пунктах 2. ... 7. для строк
таблицы.
|