Серверное время 2018-08-16 23:31:54
Приветствую вас, Гость
Понравился сайт - нажми CTRL+D и добавь в закладки..
Теги HTML
HTML5
Атрибуты тегов
Значения
Статистика
Яндекс.Метрика
Реклама
Реклама

Тег <table>

Браузер
Internet Explorer
Chrome
Opera
Safari
Firefox
Версия
6.0
7.0
8.0
9.0
2.0
3.0
4.0
5.0
9.2
9.6
10
2.0
3.1
4.0
5.0
2.0
3.0
3.6
4.0
Поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Краткая информация
HTML: 3.2 4.01 5.0
XHTML: 1.0 1.1  
Описание
Элемент <table> служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов <tr> и <td>. Внутри <table> допустимо использовать следующие элементы: <caption>, <col>, <colgroup>, <tbody>, <td>, <tfoot>, <th>, <thead> и <tr>.
Таблицы с невидимой границей долгое время использовались для верстки веб-страниц, позволяя разделять документ на модульные блоки. Подобный способ применения таблиц нашел воплощение на многих сайтах, пока ему на смену не пришел более современный способ верстки с помощью слоев.
Синтаксис
<table>
 <tr>
  <td>
...</td>
 </tr>
</table>
Аргументы
align - Определяет выравнивание таблицы.
background - Задает фоновый рисунок в таблице.
bgcolor - Цвет фона таблицы.
border - Толщина рамки в пикселах.
bordercolor - Цвет рамки.
cellpadding - Отступ от рамки до содержимого ячейки.
cellspacing - Расстояние между ячейками.
cols - Число колонок в таблице.
frame - Сообщает браузеру, как отображать границы вокруг таблицы.
height - Высота таблицы.
rules - Сообщает браузеру, где отображать границы между ячейками.
summary - Краткое описание таблицы.
width - Ширина таблицы.
Также для этого тега доступны универсальные атрибуты и события.
Закрывающий тег
Обязателен.
Пример. Использование тега <table>

<!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</title>
</head>
<body>
 <table width="100%" border="0" cellspacing="0" cellpadding="4">
  <tr align="center" bgcolor="#999999">
   <td colspan="3" style="font-size: 160%; font-family: sans-serif">Lorem ipsum dolor sit amet...</td>
  </tr>
  <tr>
   <td><img
src="images/title.png" alt="" width="150" height="70" border="0" style="background: #CC9"></td>
   <td
align="right"><img src="images/logo.png" alt="" width="70" height="70" style="background: #CF9"></td>
   <td>
    <a
href="lorem.html">Lorem</a><Br>
    <a
href="lorem.html">Ipsum</a><Br>
    <a
href="lorem.html">Dolar</a>
   </td>
  </tr>
  <tr>
   <td
colspan="3">
    <table
width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#333333">
     <tr><td>
&nbsp;</td></tr>
    </table>
   </td>
  </tr>
 </table>

</body>
</html>

Демонстрация примера
Первоисточник - htmlbook.ru Автор - Влад Мержевич
Комментариев (0)
Имя
Email
Осталось 65535 символов
© 2006-2012, Home-test.biz