Создание таблиц
Для изменения вида и свойств таблицы используется множество параметров, которые добавляются в теге <TABLE>. Общий синтаксис следующий.
<table параметр1="..." параметр2="...">
Описание параметров таблицы и их значений приведено в табл. 1.
| Свойство | Значение | Описание | Пример |
|---|---|---|---|
| align | left right center | Выравнивание таблицы. | <table align="center"> |
| background | URL | Определяет изображение, которое будет использоваться в качестве фонового рисунка таблицы. | <table background="pic.gif"> |
| bgcolor | #rrggbb | Цвет фона таблицы. | <table bgcolor="#ff9900"> |
| border | n | Толщина рамки в пикселах. | <table border="2"> |
| cellpadding | n | Расстояние между ячейкой и ее содержимым. | <table cellpadding="7"> |
| cellspacing | n | Дистанция между ячейками. | <table cellspacing="3"> |
| cols | n | Задает количество столбцов в таблице, помогая браузеру в подготовке к ее отображению. | <table cols="3"> |
| nowrap | Запрещает переносы строк в тексте. | <table nowrap> | |
| frame | void above below lhs rhs hsides vsides box | Задание типа рамки таблицы | <table frame="hsides"> |
| rules | all groups cols none rows | Определяет, где рисовать границы между ячейками. | <table rules="cols"> |
| width | n n% | Минимальная ширина таблицы, можно задавать в пикселах или процентах. | <table width="90%"> |
Примечание
- Таблица, если не указано особо, всегда выравнивается по левому краю.
- По умолчанию таблица выводится без рамки.
- Если ширина таблицы не указана, она подгоняется под содержание ячеек.
- Возможна ситуация, когда между ячеек таблицы возникают ненужные пустые промежутки. Это связано с тем, что перенос строк в коде HTML автоматически создает и дополнительный пробел в таблице. Чтобы избавиться от этого поместите код внутри тега <TR> в одну строку.
Copyright © www.htmlbook.ru
Created/Updated: 25.05.2018
|