Litra Library

Главное меню

Самоучитель CSS
Свойства CSS
Самоучитель HTML
Тэги HTML
SEO и заработок на сайте
Скрипты
Ucoz

Вход

Статистика

Онлайн всего: 2
Гостей: 2
Пользователей: 0
Главная » Статьи » WEB » Тэги HTML
Описание параметров тега <TABLE>

Описание параметров тега <TABLE>

Параметр ALIGN

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Задает выравнивание таблицы по краю окна браузера.

Синтаксис

<table align="left | center | right">...</table>

Аргументы

left Выравнивание таблицы по левому краю.
center Выравнивание таблицы по центру.
right Выравнивание по правому краю.

Значение по умолчанию

left

Аналог в CSS

text-align

Пример 2. Выравнивание таблицы по центру

Валидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример тега TABLE, параметр align</title>
</head>
<body>
<table align="center" width="500" bgcolor="#ffcc00">
<tr>
<td> ... </td>
</tr>
</table>
</body>
</html>

Параметр BACKGROUND

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Задает фоновое изображение таблицы.

Синтаксис

<table background="URL">...</table>

Аргументы

Любой допустимый адрес изображения - можно использовать относительный или абсолютный путь.

Значение по умолчанию

Нет.

Аналог в CSS

background-image

Пример 3. Фоновый рисунок в таблице

Невалидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример тега TABLE, параметр background</title>
</head>
<body>
<table background="/images/rules.gif" width="500">
<tr>
<td> ... </td>
</tr>
</table>
</body>
</html>

Параметр BGCOLOR

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Задает цвет фона таблицы. Можно использовать данный параметр совместно с background, подобрав цвет фона близкий к фоновому рисунку

Синтаксис

<table bgcolor="цвет">...</table>

Аргументы

Цвет задается следующими способами.

1. Используя название цвета

Большинство современных браузеров поддерживают задание цвета по названию.

2. Используя шестнадцатеричное значение

Для получения цвета применяются комбинации RGB-значения цвета, записанные в шестнадцатиричном формате. В шестнадцатеричной системе исчисления FFFFFF – белый цвет, 000000 – черный. Задаются цвета по два регистра для каждого цвета RGB (красный, зеленый и синий) - rrggbb, где каждая составляющая цвета принимает значение от 00 до FF.

Значение по умолчанию

В зависимости от браузера, настройки операционной системы, но обычно используется белый цвет фона.

Аналог в CSS

background-color

Пример 4. Цвет фона таблицы

Валидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример тега TABLE, параметр bgcolor</title>
</head>
<body>
<table bgcolor="#ffcc00" width="500">
<tr>
<td> ... </td>
</tr>
</table>
</body>
</html>

Параметр BORDER

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Задает толщину рамки в пикселах. По умолчанию рамка изображается трехмерной, но если используется параметр bordercolor тега <TABLE>, то вид рамки меняется в зависимости от браузера. Когда в теге <TABLE> используется параметр border без аргументов (<table border>), то браузер отображает рамку толщиной один пиксел.

Синтаксис

<table border="толщина">...</table>

Аргументы

Любое положительное целое число.

Значение по умолчанию

0

Аналог в CSS

border

Пример 5. Толщина границы

Валидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример тега TABLE, параметр border</title>
</head>
<body>
<table cellspacing="2" border="1" cellpadding="5" width="500">
<tr>
<td> ... </td>
</tr>
</table>
</body>
</html>

Параметр BORDERCOLOR

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Задает цвет рамки таблицы. Рамка обычно рисуется как трехмерная, добавление параметров bordercolor и border к тегу <TABLE> создают однотонную линию.

Синтаксис

<table bordercolor="цвет">...</table>

Аргументы

См. параметр BGCOLOR.

Значение по умолчанию

Зависит от браузера и операционной системы.

Аналог в CSS

border-color

Пример 6. Цвет границы

Невалидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример тега TABLE, параметр bordercolor</title>
</head>
<body>
<table bordercolor="red" border="2" width="100%">
<tr>
<td> ... </td>
</tr>
</table>
</body>
</html>

Параметр CELLPADDING

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Задает расстояние между границей ячейки и ее содержимым. Этот параметр добавляет пустое пространство к ячейке, увеличивая тем самым ее размеры. Без cellpadding текст в таблице «налипает» на рамку, снижая тем самым его восприятие. Добавление же cellpadding позволяет улучшить читабельность текста. При отсутствии границ особого значения данный параметр не имеет, но может помочь, когда требуется задать пустой промежуток между ячейками.

Синтаксис

<table cellpadding="значение">...</table>

Аргументы

Любое целое значение в пикселах или процентах от доступного пространства.

Значение по умолчанию

0

Пример 7. Использование параметра cellpadding

Валидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример тега TABLE, параметр cellpadding</title>
</head>
<body>
<table cellpadding="7" border="2" width="100%">
<tr>
<td> ... </td>
</tr>
</table>
</body>
</html>

Параметр CELLSPACING

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Задает расстояние между внешними границами ячеек. Если задан параметр border, толщина границы принимается в расчет.

Синтаксис

<table cellspacing="значение">...</table>

Аргументы

Любое целое положительное число.

Значение по умолчанию

0 (когда нет параметра border)
2 (когда параметра border установлен)

Пример 8. Использование параметра cellspacing

Валидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример тега TABLE, параметр cellspacing</title>
</head>
<body>
<table cellspacing="5" cellpadding="10" border="1" width="100%">
<tr>
<td> ... </td>
<td> ... </td>
</tr>
</table>
</body>
</html>

Параметр COLS

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Параметр cols задает количество столбцов в таблице, помогая браузеру в подготовке к ее отображению. Без этого параметра таблица будет показана только после того, как все содержимое таблицы будет загружено в браузер и проанализировано. Использование параметра cols позволяет несколько ускорить отображение содержимого таблицы.

Синтаксис

<table cols="число">...</table>

Аргументы

Любое целое положительное число.

Значение по умолчанию

Нет.

Пример 9. Использование параметра cols

Невалидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример тега TABLE, параметр cols</title>
</head>
<body>
<table width="100%" cellspacing="0" border="1" cols="10">
<tr>
<td>&nbsp;</td>
<td>1995</td><td>1996</td><td>1997</td><td>1998</td>
<td>1999</td><td>2000</td><td>2001</td><td>2002</td>
<td>2003</td>
</tr>
<tr>
<td>Нефть</td><td>5</td><td>7</td><td>2</td><td>8</td>
<td>3</td><td>34</td><td>62</td><td>74</td><td>57</td>
</tr>
<tr>
<td>Золото</td><td>3</td> <td>6</td><td>4</td><td>6</td>
<td>4</td><td>69</td><td>72</td><td>56</td><td>47</td>
</tr>
<tr>
<td>Дерево</td><td>5</td><td>8</td><td>3</td><td>4</td>
<td>7</td><td>73</td><td>79</td><td>34</td><td>86</td>
</tr>
</table>
</body>
</html>

Параметр FRAME

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Сообщает браузеру, где отображать границы вокруг таблицы. Толщина границы указывается с помощью параметра border.

Синтаксис

<table frame="значение">...</table>

Аргументы

void Не отрисовывать границы.
border Граница вокруг таблицы.
above Граница по верхнему краю таблицы.
below Граница снизу таблицы.
hsides Только горизонтальные границы (сверху и снизу таблицы).
vsides Рисовать только вертикальные границы (слева и справа от таблицы).
rhs Граница только на правой стороне таблицы.
lhs Граница только на левой стороне таблицы.

Значение по умолчанию

border

Аналог в CSS

border

Параметр HEIGHT

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Задает высоту таблицы. В спецификации HTML 4 этого параметра нет, однако браузеры в большинстве случаев понимают его, если не задан DOCTYPE. В том случае, когда в документе задан строгий DOCTYPE, браузеры высоту таблицы, заданную через параметр height, игнорируют.

Синтаксис

<table height="значение">...</table>

Аргументы

Любое целое значение в пикселах или процентах от доступного пространства.

Значение по умолчанию

Высота вычисляется на основе содержимого таблицы.

Аналог в CSS

height

Пример 10. Высота таблицы

Невалидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример тега TABLE, параметр height</title>
</head>
<body>
<table cellpadding="10" bgcolor="#ffcc00" align="center" width="50%" height="50%">
<tr>
<td> ... </td>
</tr>
</table>
</body>
</html>

Параметр RULES

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Сообщает браузеру, где отображать границы между ячейками. Толщина границы и ее цвет указывается с помощью параметров border и bordercolor. По умолчанию рамка рисуется вокруг каждой ячейки, образуя тем самым сетку.

Синтаксис

<table rules="значение">...</table>

Аргументы

all Линия рисуется вокруг каждой ячейки таблицы.
groups Линия отображается между группами, которые образуются тегами <THEAD>, <TFOOT>, <TBODY>, <COLGROUP> или <COL>.
cols Линия отображается между колонками.
none Все границы скрываются.
rows Граница рисуется между строками таблицы, созданых через тег <TR>.

Значение по умолчанию

none (если border="0");
all (если значение параметра border отлично от нуля).

Аналог в CSS

border

Пример 11. Использование параметра rules

Валидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример тега TABLE, параметр rules</title>
</head>
<body>
<table cellspacing="0" cellpadding="10" rules="rows" border="1" width="80%">
<tr>
<td> ... </td>
<td> ... </td>
<td> ... </td>
</tr>
</table>
</body>
</html>

Параметр WIDTH

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Задает ширину таблицы. Если общая ширина содержимого превышает указанную ширину таблицы, то браузер будет пытаться «втиснуться» в заданные размеры за счет форматирования текста. В случае, когда это невозможно, например, в таблице находятся изображения, параметр width будет проигнорирован, и новая ширина таблицы будет вычислена на основе ее содержимого.

Синтаксис

<table width="значение">...</table>

Аргументы

Любое целое значение в пикселах или процентах от доступного пространства.

Значение по умолчанию

Ширина вычисляется на основе содержимого таблицы.

Аналог в CSS

width

Пример 12. Ширина таблицы

Валидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример тега TABLE, параметр width</title>
</head>
<body>
<table cellpadding="10" border="1" width="80%">
<tr>
<td> ... </td>
</tr>
</table>
</body>
</html>
Категория: Тэги HTML | Добавил: expert1 (02.02.2013)
Просмотров: 299 | Теги: тэги html, html | Рейтинг: 0.0/0
Всего комментариев: 0

Проекты

RSS Правила Бесплатный хостинг uCoz Litra Library
^ Наверх ^