Учебник по HTML и CSS

HTML

CSS

Статьи

Полезное


Статьи

Основы HTML
Текст
Изображения
Ссылки
Списки
Таблицы
Формы
Фреймы
Основы CSS
Рецепты CSS
Оформление таблиц
Основы верстки
Табличная верстка
Верстка с помощью слоев
Использование слоев
Примеры верстки слоями

Параметры таблиц

Для изменения вида и свойств таблицы используется множество параметров, которые добавляются в теге <TABLE>. Общий синтаксис следующий.

<table параметр1="..." параметр2="...">

Описание параметров таблицы и их значений приведено в табл. 1.

Табл. 1. Параметры тега <TABLE>
Свойство Значение Описание Пример
align left
right
center
Выравнивание таблицы. <table align="center">
background URL Определяет изображение, которое будет использоваться в качестве фонового рисунка таблицы. <table background="pic.gif">
bgcolor
#rrggbb Цвет фона таблицы. <table bgcolor="#ff9900">
border n Толщина рамки в пикселах. <table border="2">
bordercolor #rrggbb Цвет рамки. <table bordercolor="#333333">
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> в одну строку.




На главную









  • При использовании материалов сайта ссылка на comnew.ru обязательна!