СОДЕРЖАНИЕ

Как создать свой сайт Создать сайт
Основы Интернет : FTP HTTP хостинг Вводный курс
Создание сайтов : создать сайт Создание сайтов
Статьи о хостинге : платный бесплатный выделенный сервер Unix Все о хостинге
Учебник HTML Учебник HTML
Учебник CSS Учебник CSS
Учебник CGI : cgi-программирование : методы GET и POST Учебник CGI
Учебник php Учебник PHP
Учебник perl Учебник Perl
Раскрутка сайта : оптимизация кода ключевые слова индекс цитирования регистрация в поисковиках Раскрутка сайта
Заработок на сайте Заработок на сайте
Платёжные системы : rupay webmoney Платежи в сети
книги литература по html css xml flash java Dreamweaver Нужные книги

 

заработок для вебмастера
Заработок для начинающего вебмастера!

 


создать сайт // учебник html // форматирование данных внутри таблицы

Учебник HTML : Форматирование данных внутри таблицы



Каждую отдельную ячейку внутри таблицы можно рассматривать как область для независимого форматирования. Все правила, которые действуют для управления отображением текста, могут быть использованы для форматирования текста внутри ячейки. Внутри ячейки допустимо использование всех элементов HTML, которые могут появлятся внутри тела документа <BODY>, в том числе тэги, управляющие расположением текста - <P>, <BR>, <HR>, коды заголовков <H1>...<H6>, тэги форматирования символов - <B>, <I>, <STRONG>, <BIG>, <EM>, <FONT>, тэги ставки графических изображений <IMG>, гипертекстовых ссылок <A> и т.д. Сразу же подчёркиваем, что область действия тэгов, заданных внутри отдельной ячейки, ограничивается пределами этой ячейки независимо от наличия завершающего тэга.

Для форматирования данных внутри ячеек таблицы предусмотрены следующие параметры.

Параметры выравнивания содержимого ячеек - align и valign. Могут применяться в кодах <TR>, <TD> и <TH>. Параметр горизонтального выравнивания align может принимать значения left, center и right (по умолчанию left для <TD> и center для <TH>). Параметр вертикального выравнивания valign может принимать значения top (по верхнему краю), bottom (по нижнему краю),  middle (посередине), baseline (по базовой линии). Выравнивание по базовой линии обеспечивает привязку текста отдельной строки во всех ячейках к единой линии. Задание параметров выравнивания на уровне кода <TR> определяет выравнивание для всех ячеек данной строки, при этом вкаждой отдельной ячейке строки может быть определены свои параметры, переопределяющие действие параметров, заданых в <TR>.

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

 Образец таблицы тут.

Параметр nowrap отключает возможность автоматического разбиения текста ячейки на строки. Может применяться в кодах <TR>, <TD> и <TH>.

Параметры width и height могут применяться в кодах <TD> и <TH>. Их синтаксис аналогичен синтаксису этих параметров для тэга <TABLE>. Поскольку таблица представляет собой связную структуру, состоящую из строк и колонок, то задани ширины для какой-либо ячейки влияет на ширину всей колонки, в которой расположена ячейка, а задание высоты влияет на всю строчку. Если в колонке значение ширины указано лишь в одной ячейке, то данное значение становится шириной всей колонки. Если таких указаний несколько, то выбирается максимальное значение. Те же свойства характерны и для строк.

Для сложных таблиц характерна потребность в объединении нескольких смежных ячеек по горизонтали или по вертикали в одну. Данная возможность реализуется с помощью параметров colspan (COLumn SPANning) и rowspan (ROW SPANning), задаваемых в кодах <TD> или <TH>. Форма записи: colspan=num, где num - числовое значение, определяющее, на сколько столбцов следует расширить текущую ячейку по горизонтали. Применение параметра rowspan аналогично, только здесь указывается колличество строк, которые должны захватить текущие ячейки по вертикали. По умолчанию для этих параметров указывается значение, равное единице. Допустимо одновременное значений обоих параметров для одной ячейки. Правильная установка значений этих параметров может оказаться не очень простой задачей.

Пример кода таблицы с объединёнными ячейками :

Отображение таблицы тут.

Невнимательное задание значений параметров раздвижки ячеек может привести к их взаимному перекрытию и конфликтам, при которых результат непредсказуем. Характерное применение протяженных ячеек - общий заголовок для нескольких смежных колонок или строк.

Параметр bgcolor задаёт цвет подложки всей таблицы, отдельных строк или ячеек. Может встречаться в тэгах <TABLE>, <TR>, <TD> и <TH>. Эта возможность не предусматривается спецификацией HTML, однако поддерживается как Netscape, так и  Microsoft Internet Explorer. Форма записи такая же, как и для тэга <BODY>, а именно bgcolor=значение, где в качестве значения задаётся содержание цвета в RGB-формате или его название.

Пример: <TD bgcolor=#FF0000> или <TD bgcolor=red>.

Есть несколько параметров характерные только для Microsoft Internet Explorer.

Задание цвета рамок таблицы - bordercolor, bordercolorlight и bordercolordark. Эти параметры могут задаваться в тэгах <TABLE>, <TR>, <TD> и <TH>. В качестве значения этих параметров может использоваться название цвета или его шестнадцатеричное значение. Параметр bordercolor определяет цвет всех элементов рамок таблицы, а другие два параметра задают цвет отдельных составляющих рамок, переопределяя значения bordercolor. Параметр окрашивает в заданный цвет верхний и левый края всей таблицы и соответственно правый и нижний края каждой ячейки. Второй параметр bordercolordark задаёт цвета противоположных краёв. За счёт сочитания действия этих параметров таблица будет выглядеть несколько приподнятой над поверхностью страницы или углублённой. Всё зависит от выбранного сочетания цветов.

Браузер Microsoft Internet Explorer (а также Netscape версии 4.х) разрешают использовать параметр background, определяющий фоновый рисунок для таблицы так, как это может быть сделано для всего HTML-документа. Этот параметр может задаваться в тэгах <TABLE>, <TD> и <TH>.



 



 

 

 

 

как создать свой сайт