© 2003 - 2019

Тег <TABLE>

Краткое руководство по HTML
Тэги HTML
Введение
#
!--
!DOCTYPE
A
A
ABBR
ACRONYM
ADDRESS
APPLET
AREA
B
B
BASE
BGSOUND
BIG
BLOCKQUOTE
BODY
BR
BUTTON
C
CAPTION
CENTER
CITE
CODE
D
DD
DFN
DL
DT
E
EM
F
FIELDSET
FONT
FORM
FRAME
H
Hx
HEAD
HR
HTML
I
I
IFRAME
IMG
INPUT
K
KBD
L
LEGEND
LI
LINK
M
MAP
MARQUEE
MENU
META
N
NOBR
O
OL
OPTGROUP
OPTION
P
P
PRE
Q
Q
S
S
SAMP
SCRIPT
SELECT
SMALL
SPAN
STRONG
SUB
SUP
T
TABLE
TD
TEXTAREA
TH
THEAD
TITLE
TR
TT
U
U
UL
V
VAR
Тег <TABLE> создает таблицу. Все прочие элементы таблицы должны быть вложенными в него. Допускается также вложение таблиц одна в другую, т.е. содержимым ячейки может быть другая таблица. Закрывающий тег обязателен

Атрибуты

align=
Выравнивание таблицы относительно документа. Возможные значения: center, left, right
background
Строка, определяющая рисунок для заднего фона
bgcolor
Определяет задний фон таблицы
border
Толщина рамки в пикселах. Если атрибут не указан, то таблица выводится без видимой рамки
bordercolor
Цвет рамки
cellspacing
Задает расстояние между ячейками таблицы
cellpadding
Задает расстояние между содержимым ячейки и ее рамкой
rules
Описывает рамки вокруг таблицы. Может принимать следующие значения
all Отображает все части рамки внутри таблицы
cols Отображает все вертикальные рамки внутри таблицы
groups Отображает горизонтальные части рамки между группами таблицы THEAD, TBODY, TFOOT
none Удаляет все рамки вокруг таблицы
rows Отображает все горизонтальные рамки внутри таблицы
summary
Описание таблицы для удобства людей, использующих браузеры, поддерживающие азбуку Бройля или речевой вывод
title
Всплывающая подсказка
width
Ширина таблицы в процентах или пикселах

 

Пример

Пример простой таблицы

Заголовок столбца 1 Заголовок столбца 2
Ячейка столбца 1, ряд 1 Ячейка столбца 2, ряд 1
Ячейка столбца 1, ряд 2 Ячейка столбца 2, ряд 2

Код для таблицы

<TABLE BORDER=2 COLS=2 BGCOLOR=yellow align=center>
 <TR>
  <TH>Заголовок столбца 1</TH><TH>Заголовок столбца 2</TH>
 </TR>
 <TR>
  <TD>Ячейка столбца 1, ряд 1</TD><TD>Ячейка столбца 2, ряд 1</TD>
 </TR>
 <TR>
  <TD>Ячейка столбца 1, ряд 2</TD><TD>Ячейка столбца 2, ряд 2</TD>
 </TR>
</TABLE>
SEO  Аналитика  Юзабилити  SMO  Яндекс  Апдейты  тИЦ  Google
HTML CSS DHTML ОбМ IE