Тег
 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 | 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>...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. Использование таблиц для создания макета страницы |
Комментариев нет:
Отправить комментарий
Спасибо за Ваш комментарий. Мы очень ценим его.