Homoprog.narod.ru
                 

   Теги
   Полезные книжки
   Бонусы


   Программы авторской разработки


   На главную
   Гостевая книга
   Об авторе
   Связь
Содержание

Гиперссылки
Графика
Таблицы
Теги форматировния документа
Теги физического форматирования текста




Таблицы.

Тег <TABLE> и обязательный парный ему </TABLE>

Тег <TABLE> создает таблицу. Все прочие элементы таблицы должны быть вложенными в него. Допускается также вложение таблиц одна в другую, т.е. содержимым ячейки может быть другая таблица Атрибуты

align
Выравнивание таблицы относительно документа. Возможные значения: center, left, right
background
Строка, определяющая рисунок для заднего фона
bgcolor
Определяет задний фон таблицы
border
Толщина рамки в пикселах. Если атрибут не указан, то таблица выводится без видимой рамки
bordercolor
Цвет рамки
cellspacing
Задает расстояние между ячейками таблицы
cellpadding
Задает расстояние между содержимым ячейки и ее рамкой
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>





Тег <TD> и необязательный парный ему </TR>

Тег <TD> определяет отдельную ячейку в таблице Атрибуты

height
Указывает высоту элемента в процентах или пикселях
align
Выравнивает текст в ячейке
  • left - по левому краю (по умолчанию)
  • rigth - по правому краю
  • center - по центру
valign
Выравнивает текст в ячейке по вертикали
  • top - по верхнему краю
  • middle - по центру
  • bottom - по нижнему краю
colspan
Указывает кол-во столбцев которое объединено в одной ячейке (по умолчанию=1)
rowspan
Указывает кол-во строк которое объединено в одной ячейке (по умолчанию=1)
title
Всплывающая подсказка
Пример

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

Код для таблицы
<TABLE BORDER=2 COLS=2>
 <TR>
  <TH>Заголовок столбца 1</TH><TH>Заголовок столбца 2</TH>
 </TR>
 <TR align=right>
  <TD height=70 title="пример">Ячейка столбца 1, ряд 1</TD><TD>Ячейка столбца 2, ряд первый</TD>
 </TR>
 <TR align=center>
  <TD>Ячейка столбца первый, ряд 2</TD><TD>Ячейка столбца 2, ряд 2</TD>
 </TR>
</TABLE>





Тег <TR> и необязательный парный ему </TR>

Тег <TR> определяет строку в таблице Атрибуты

align
Выравнивает текст в ячейке
  • left - по левому краю
  • rigth - по правому краю
  • center - по центру
valign
Выравнивает текст в ячейке по вертикали
  • top - по верхнему краю
  • middle - по центру
  • bottom - по нижнему краю
Пример

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

Код для таблицы
<TABLE BORDER=2 COLS=2>
 <TR>
  <TH>Заголовок столбца 1</TH><TH>Заголовок столбца 2</TH>
 </TR>
 <TR align=right>
  <TD>Ячейка столбца 1, ряд 1</TD><TD>Ячейка столбца 2, ряд первый</TD>
 </TR>
 <TR align=center>
  <TD>Ячейка столбца первый, ряд 2</TD><TD>Ячейка столбца 2, ряд 2</TD>
 </TR>
</TABLE>

Новости сайта:::

8 октября 2009 года - первая публикация сайта. Полностью работает раздел "Теги"