Тег Table

Тег
Internet ExplorerInternet ExplorerChromeChromeOperaOperaSafariSafariFirefoxFirefox
6.07.08.09.02.03.04.05.09.29.6103.14.05.02.03.03.64.0
HTML:3.24.015.0XHTML:1.01.1

Описание

Элемент 
 служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов  и 
. Внутри  допустимо использовать следующие элементы:  и .

Таблицы с невидимой границей долгое время использовались для верстки веб-страниц, позволяя разделять документ на модульные блоки. Подобный способ применения таблиц нашел воплощение на многих сайтах, пока ему на смену не пришел более современный способ верстки с помощью слоев.

Синтаксис


<table>
<tr>
<td>...td>
tr>
table>

Атрибуты

align
Определяет выравнивание таблицы.
background
Задает фоновый рисунок в таблице.
bgcolor
Цвет фона таблицы.
border
Толщина рамки в пикселах.
bordercolor
Цвет рамки.
cellpadding
Отступ от рамки до содержимого ячейки.
cellspacing
Расстояние между ячейками.
cols
Число колонок в таблице.
frame
Сообщает браузеру, как отображать границы вокруг таблицы.
height
Высота таблицы.
rules
Сообщает браузеру, где отображать границы между ячейками.
summary
Краткое описание таблицы.
width
Ширина таблицы.
Также для этого тега доступны универсальные атрибуты и события.

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

Обязателен.
Пример. Использование тега
HTML 4.01IE 6IE 7IE 8Cr 5Op 10Sa 5Fx 3.6

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Тег TABLEtitle>
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">Lorema><Br>
<a href="lorem.html">Ipsuma><Br>
<a href="lorem.html">Dolara>
td>
tr>
<tr>
<td colspan="3">
<table width="100%" border="0" cellpadding="0"
cellspacing="0" bgcolor="#333333">

<tr><td> td>tr>
table>
td>
tr>
table>

body>
html>
Посмотреть пример Посмотреть пример
Результат данного примера показан на рис. 1.
Рис. 1
Рис. 1. Использование таблиц для создания макета страницы

Комментариев нет:

Отправить комментарий

СПАСИБО за Ваш комментарий, предложение, вопрос