Параметры таблицы table в html (свойства)

Параметры и свойства таблицы понадобятся вам для придания ей более приглядного вида. В html это указывается в теге <table>.

Рассмотрим основные параметры тега table:

 

Свойство Описание Значение Пример
width Ширина таблицы (можно задавать в пикселах или процентах)  n, n%  <table width="100%">
cellpadding Расстояние между ячейкой и ее содержимым(в пикселах)  n  <table cellpadding="4">
cellspacing Расстояние между ячейками(в пикселах)  n  <table cellspacing="4">
align Выравнивание таблицы  left,
right,
center
 <table align="center">
border Толщина рамки(в пикселах)  n  <table border="2">
background Определяет изображение, которое будет использоваться в качестве фонового рисунка таблицы.  url  <table background="ссылка на изображение">
bgcolor Цвет фона таблицы  #rrggbb  <table bgcolor="#333333">
cols Задает количество столбцов в таблице, в помощь браузеру при подготовке к ее отображению(практически никогда не указывается)  n  <table cols="3">
rules Определяет, где рисовать границы между ячейками  all,
groups,
cols, none,
rows
 <table rules="cols">
nowrap Запрещает переносы строк в тексте.    <table nowrap>
frame Задание типа рамки таблицы  void
above
below
lhs
rhs
hsides
vsides
box
 <table frame="hsides">

Обратите внимание:

  1. если не указана ширина - то это означает, что она выбирается браузером автоматически;
  2. по-умолчанию ширина подгоняется под содержимое самих ячеек!
  3. по-умолчанию таблица выводится без рамки - поэтому задайте ее в теге table как это показано на примерах выше(иногда требуется указать и цвет).

Теперь ваши таблицы должны выглядеть всегда красиво!

Почему данная таблица(в этой статье выглядит неприглядно) - узнайте подробно тут - как правильно создать таблицу для сайта

Добавить комментарий


Защитный код
Обновить

Вы здесь: Сайтостроение Создание сайта html Параметры таблицы table в html (свойства)