www html, html уроки, html теги, css, верстка
статьи html уроки книги по css и html урокам вопросы и ответы Помощь сайту
Главная страница > Теги ШТМЛ > Тег TFOOT
Теги ШТМЛ
Все теги
!DOCTYPE
A
ABBR
ACRONYM
ADDRESS
AREA
B
BASE
BASEFONT
BDO
BGSOUND
BIG
BLOCKQUOTE
BODY
BR
BUTTON
CAPTION
CENTER
CITE
CODE
COL
COLGROUP
DD
DEL
DFN
DIV
DL
DT
EM
EMBED
FIELDSET
FONT
FORM
FRAME
FRAMESET
H1...H6
HEAD
HR
ШТМЛ
I
IFRAME
IMG
INPUT
INS
KBD
LABEL
LEGEND
LI
LINK
MAP
MARQUEE
META
NOBR
NOEMBED
NOFRAMES
NOSCRIPT
OBJECT
OL
OPTGROUP
OPTION
P
PARAM
PRE
Q
SAMP
SCRIPT
SELECT
SMALL
SPAN
STRIKE
STRONG
STYLE
SUB
SUP
TABLE
TBODY
TD
TEXTAREA
TFOOT
TH
THEAD
TITLE
TR
TT
UL
VAR
WBR
XMP
Теги по типам
файл
Звук
Имаги
Объекты
Скрипты
Списки
Ссылки
Таблица
контент
Форматирование
Формы
Фреймы

Тег TFOOT

Браузер Internet ExplorerInternet Explorer NetscapeNetтscape OperaОпера SafariSafari Файер фохMozilla Firefox
Версия 5.5 6.0 7.0 8.0 8.0 9.0 7.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Поддерживается Да Да Да Да Да Да Да Да Да Да Да Да Да Да Да Да
ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

Элемент <TFOOT> предназначен для хранения одной или нескольких строк, которые представлены внизу таблицы. Хотя тег <TFOOT> в исходном коде должен быть определен до тега <TBODY>, браузеры отображают его в самом низу таблицы.

В пределах таблицы разрешается использовать только один элемент <TFOOT>.

Синтаксис

<table> <thead>...</thead> <tfoot>   <tr>    <td> ... </td>   </tr> </tfoot> <tbody>... </tbody> </table>

Параметры

align
Определяет выравнивание контента в строке.
bgcolor
Цвет фона ячеек, которые расположены внутри контейнера <TFOOT>.
valign
Выравнивание содержимого ячеек по вертикали.

Закрывающий тег

Не обязателен.

Пример 1. Использование тега <TFOOT>

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!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=utf-8">
  <title>Тег TFOOT</title>
 </head>
 <body>

  <table width="600">
   <tfoot align="center" style="background: #ffc">
    <tr>
     <td>Ячейка 1, расположенная в TFOOT</td>
     <td>Ячейка 2, расположенная в TFOOT</td> 
    </tr> 
   </tfoot>

   <tbody align="right" style="background: silver">
    <tr>
     <td>Ячейка 3, расположенная в TBODY</td>
     <td>Ячейка 4, расположенная в TBODY</td> 
    </tr> 
   </tbody>
  </table>

 </body>
</html>

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

Параметр ALIGN

ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

Задает выравнивание по горизонтали для всех ячеек в пределах <TFOOT>. Если требуется применить разное выравнивание для каждой ячейки, воспользуйтесь стилями или используйте параметр align для тега <TD> или <TH>.

Синтаксис

<tfoot align="left | center | right | justify">...</tfoot>

Аргументы

left
Выравнивание по левоой стороне.
center
Выравнивание по центру.
right
Выравнивание по правой стороне.
justify
Выравнивание по ширине (одновременно по правому и левому краю).

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

left

Аналог CSS (ЦСС)

text-align

Пример 2. Выравнивание в строке

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!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=utf-8">
  <title>Тег TFOOT, параметр align</title>
 </head>
 <body>

  <table width="600" border="1" cellspacing="0">
    <tfoot align="center" style="background: #fc0">
     <tr>
      <td colspan="2">Объединенная ячейка в TFOOT</td>
     </tr> 
    </tfoot>

    <tbody align="right">
     <tr>
      <td>Ячейка 1, расположенная в TBODY</td>
      <td>Ячейка 2, расположенная в TBODY</td> 
     </tr> 
    </tbody>
  </table> 

 </body>
</html>

Параметр BGCOLOR

ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

Устанавливает цвет фона ячеек, расположенных в контейнере <TFOOT>.

Синтаксис

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

Аргументы

Значение цвета можно задавать двумя способами.

1. По его названию

Браузеры поддерживают некоторые цвета по их названию.

2. По шестнадцатеричному значению

Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной системе. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999. Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF. Таким образом, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю.

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

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

Аналог CSS (ЦСС)

background-color

Пример 3. Цвет фона

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!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=utf-8">
  <title>Тег TFOOT, параметр bgcolor</title>
  <style type="text/CSS (ЦСС)">
   TFOOT {
     color: white; /* Цвет контента */
   }
  </style>
 </head>
 <body>

  <table width="600" border="1" cellspacing="0" 
  bgcolor="#f0f0f0">
   <tfoot align="center" bgcolor="#333333">
    <tr>
     <td colspan="2">Объединенная ячейка в TFOOT</td>
    </tr> 
   </tfoot>

   <tbody>
    <tr>
     <td>Ячейка 1, расположенная в TBODY</td>
     <td>Ячейка 2, расположенная в TBODY</td> 
    </tr> 
   </tbody>
  </table> 

 </body>
</html>

Параметр VALIGN

ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

Устанавливает вертикальное выравнивание содержимого ячеек в контейнере <TFOOT>. По умолчанию контент ячейки располагается по ее вертикали в центре.

Синтаксис

<tfoot valign="top | middle | bottom | baseline">...</tfoot>

Аргументы

top
Выравнивание содержимого ячеек по верхнему краю строки.
middle
Выравнивание по середине.
bottom
Выравнивание по нижнему краю.
baseline
Выравнивание по базовой линии, при этом происходит привязка содержимого ячеек строки к одной линии.

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

middle

Аналог CSS (ЦСС)

vertical-align

Пример 4. Выравнивание по вертикали

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Transitional//EN" "http://www.w3.org/TR/ШТМЛ4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег TFOOT, параметр valign</title>
 </head>
 <body>

  <table width="600" border="1" cellspacing="0">
   <tfoot align="center" valign="bottom">
    <tr>
     <td colspan="2" height="50">Объединенная ячейка в TFOOT, выровнена по нижнему краю</td>
    </tr> 
   </tfoot>

   <tbody align="right" valign="top">
    <tr>
     <td>Ячейка 1</td>
     <td>Ячейка 2</td> 
    </tr> 
    <tr>
     <td>Ячейка 3</td>
     <td>Ячейка 4</td> 
    </tr> 
   </tbody>
  </table> 

 </body>
</html>

Copyright © 2009-2022 | По всем вопросам: donmobi@mail.ru

О нашем Internet проекте | Наши планы | Контент нашего сайта | Есть ошибки... | Технологии | Поддержать проект