• Авторизация


Без заголовка 22-05-2014 01:09 к комментариям - к полной версии - понравилось!

Это цитата сообщения last_Alive Оригинальное сообщение

Напоминалка. HTML > Теги по работе с таблицами

Таблица, Тег TABLE


(THEAD, TBODY, TFOOT, COL, COLGROUP)

<Table>

Тег TABLE создает таблицу. Все прочие элементы таблицы должны быть вложенными в него. Допускается также вложение таблиц одна в другую, т.е. содержимым ячейки может быть другая таблица. Закрывающий тег обязателен.
Атрибут Назначение
align Выравнивание таблицы относительно документа. Возможные значения:
center
left
right
background Строка, определяющая рисунок для заднего фона
bgcolor Определяет задний фон таблицы
border Толщина рамки в пикселях. Если атрибут не указан, то таблица выводится без видимой рамки.
bordercolor Цвет рамки
cellspacing Задает расстояние между ячейками таблицы
cellpadding Задает расстояние между содержимым ячейки и ее рамкой
frame Этот атрибут определяет, какие стороны рамки окружающей таблицу, будут видны. Возможные значения:
void - Не отображается (значение по умолчанию).
above - Только верхняя часть.
below - Только нижняя часть.
hsides - Только верхняя и нижняя.
vsides - Только правая и левая.
lhs - Только левая.
rhs - Только правая.
box - Все четыре стороны.
border - Все четыре стороны.
summary Описание таблицы для удобства людей, использующих браузеры, поддерживающие азбуку Бройля или речевой вывод
rules Описывает рамки вокруг таблицы. Может принимать следующие значения:
all - Отображает все части рамки внутри таблицы
cols - Отображает все вертикальные рамки внутри таблицы
groups - только линии между группами рядов (см. THEAD, TFOOT и TBODY) и группами столбцов (см. COLGROUP и COL)
none - Удаляет все рамки вокруг таблицы
rows - Отображает все горизонтальные рамки внутри таблицы
summary Описание таблицы для удобства людей, использующих браузеры, поддерживающие азбуку Бройля или речевой вывод
title Всплывающая подсказка. Возникает при наведении мышки
width Ширина таблицы в процентах или пикселях

<TR>

Тег TR определяет строку в таблице. Закрывающий тег необязателен.
Атрибут Назначение
align Выравнивает текст в ячейке по горизонтали. Может принимать следующие значения:
left - по левому краю
right - по правому краю
center - по центру
valign Выравнивает текст в ячейке по вертикали. Может принимать следующие значения:
top - по верхнему краю
middle - по центру
bottom - по нижнему краю
bgcolor Цвет фона
title Всплывающая подсказка. Возникает при наведении мышки

<TH> & <TD>

Тег TH определяет заголовок для столбца или строки в таблице. Закрывающий тег необязателен.
Тег TD определяет отдельную ячейку в таблице. Закрывающий тег необязателен.
Атрибут Назначение
bgcolor Цвет фона
bordercolor Цвет рамки для элемента
height Указывает высоту ячейки в процентах или пикселях
width Указывает ширину ячейки в процентах или пикселях
align Выравнивает текст в ячейке по горизонтали. Может принимать следующие значения:
left - по левому краю (Значение по умолчанию для данных таблицы)
right - по правому краю
center - по центру (Это значение по умолчанию для заголовков таблицы)
justify - по формату
char - по особому символу. Если ПА не поддерживает выравнивание по символу, поведение ПА при установленном (этом) значении не определено.
valign Выравнивает текст в ячейке по вертикали. Может принимать следующие значения:
top - по верхнему краю
middle - по центру (Это значение по умолчанию)
bottom - по нижнему краю
baseline - все ячейки в том же ряду, что и ячейка с данным установленным значением атрибута valign, должны установить свои текстовые данные так, чтобы первая строка текста появлялась на baseline/базовой линии, общей для всех ячеек ряда. Это ограничение не действует на последующие строки текста в этих ячейках
colspan Определяет количество столбцов, охваченных текущей ячейкой. Значение по умолчанию ("1"). ("0") означает, что ячейка охватывает все столбцы, начиная с текущего столбца и заканчивая последним столбцом группы (COLGROUP), в которой ячейка определена.
rowspan Определяет количество рядов, охваченных текущей ячейкой. Значение по умолчанию ("1"). ("0") означает, что ячейка охватывает все ряды раздела таблицы, начиная с текущего ряда и заканчивая последним рядом раздела (THEAD, TBODY или TFOOT), в котором ячейка определен.
title Всплывающая подсказка. Возникает при наведении мышки
nowrap Данный атрибут говорит о том, что данные в ячейке не могут логически разбиваться на несколько строк и должны быть представлены одной строкой.
colspec Данный параметр позволяет задавать фиксированную ширину колонок либо в символах, либо в процентах.

<THEAD>

Тег Thead определяет заголовок таблицы, содержащий информацию о столбцах таблицы. В таблице может быть только один Thead. Внутри заголовка допустимо использовать теги TR, TH, TD. Закрывающий тег необязателен.

<Caption>

Данный тэг описывает название таблицы (подпись). Тег Caption должен присутствовать внутри <TABLE>...</TABLE>, но снаружи описания какой-либо строки или ячейки.Подпись всегда центрирована в рамках ширины таблицы. Закрывающий тег обязателен.
Атрибут Назначение
align определяет, где - сверху или снизу таблицы - будет поставлена подпись.
top - верхний заголовок (по умолчанию)
bottom - нижний заголовок

Пример №1: Оформление таблицы с помощью HTML-тегов и атрибутов

Настройка
Атрибуты таблицы:   Атрибуты строки:   Атрибуты ячейки:
align :    
background:   align:   align:
border:   valign:   valign:
bgcolor:   bgcolor:   bgcolor:
bordercolor:   title:   bordercolor:
cellspacing:         width :
cellpadding:         height:
rules:         title:
title:
width:
Заголовок таблицы:
align:
Демонстрация
Заголовок
Title 1Title 2Title 3
texttexttext
texttexttext




вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Без заголовка | Elena_Mykhailova - Дневник Elena_Mykhailova | Лента друзей Elena_Mykhailova / Полная версия Добавить в друзья Страницы: раньше»