Маркетер
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
YouTube 151 Подписчики
Telegram 241 Подписчики
VK 0 Подписчиков
Маркетер
Маркетер
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
  • HTML

Специфические таблицы

  • 30.11.2001

Автор статьи: Головин Андрей

Очень часто возникает необходимость создать таблицы подобного рода:
>

Дата Счет
Дебет Кредит
10.01.99 1253,00 10,00
13.02.99 5631,00 123,40


Достигается это с помощью атрибутов тэга <TD> COLSPAN и ROWSPAN, которые задают количество колонок и рядов, которые занимает ячейка. Чтобы было понятнее рассмотрим следующий пример:

ROWSPAN=2 Эта ячейка занимает 2 ряда. COLSPAN=2 Эта ячейка занимает 2 колонки
Атрибуты COLSPAN и ROWSPAN не используются Атрибуты COLSPAN и ROWSPAN не используются
Атрибуты COLSPAN и ROWSPAN не используются Атрибуты COLSPAN и ROWSPAN не используются Атрибуты COLSPAN и ROWSPAN не используются


Вот код этой таблицы:

<TABLE BORDER=1 CELLPADDING=5 CELLSPACING=0>
<TR>
<TD ROWSPAN=2 BGCOLOR=»#ffe6ec»>ROWSPAN=2 Эта ячейка занимает 2 ряда.</TD>
<TD COLSPAN=2 BGCOLOR=»#ffe6ec» ALIGN=CENTER>COLSPAN=2 Эта ячейка занимает 2 колонки</TD>
</TR>
<TR>
<TD>Атрибуты COLSPAN и ROWSPAN не используются</TD>
<TD>Атрибуты COLSPAN и ROWSPAN не используются</TD>
</TR>
<TR ALIGN=RIGHT>
<TD>Атрибуты COLSPAN и ROWSPAN не используются</TD>
<TD>Атрибуты COLSPAN и ROWSPAN не используются</TD>
<TD>Атрибуты COLSPAN и ROWSPAN не используются</TD>
</TR>
</TABLE>

Другой пример таблицы, в которой часто возникает необходимость при создании страниц:

Текст
Текст
Текст
Текст
Текст


Чтобы было понятнее как это получается рассмотрим вот такой вариант этой таблицы:

Текст
Текст
Текст
Текст
Текст


Здесь мы использовали вложенную талицу, которая располагается внутри ячейки с атрибутом ROWSPAN:

<TABLE CELLPADDING=3 CELLSPACING=0 BORDER=1 WIDTH=300>
<TR>
<TD ROWSPAN=3>
<TABLE HEIGHT=100% WIDTH=100%
CELLPADDING=0 CELLSPACING=0
BORDER=1 BGCOLOR=»#f0f0f0″>
<TR><TD>Текст</TD></TR>
<TR><TD>Текст</TD></TR>
</TABLE>
</TD>
<TD>Текст</TD>
</TR>
<TR>
<TD>Текст</TD>
</TR>
<TR>
<TD>Текст</TD>
</TR>
</TABLE>

Атрибуты WIDTH=100% и HEIGHT=100% вложенной таблицы заставляют ее занять все доступное пространство в ячейке. Но Netscape Navigator не может правильно интерпретировать данные атрибуты.

alexvolkov

Предыдущий материал
  • Управление проектами

Что такое проект?

  • 29.11.2001
  • alexvolkov
Read More
Следующий материал
  • HTML

Тонкие рамки возвращаются

  • 30.11.2001
  • alexvolkov
Read More
Вас также может заинтересовать
Read More
  • HTML

Оптимизация. Важность тега TITLE

  • Алексей Волков
  • 30.11.2009
Read More
  • HTML

Советы начинающему верстальщику HTML

  • Алексей Волков
  • 25.11.2009
Read More
  • HTML

HTML — Долой тег hr из html разметки

  • Алексей Волков
  • 14.11.2009
Read More
  • HTML

«Резиновая» рамка с фигурными углами

  • alexvolkov
  • 27.07.2005
Read More
  • HTML

Создай свою Web-страницу за пять минут!

  • Алексей Волков
  • 31.03.2005
Read More
  • HTML

Блокнотик с подсветкой

  • Алексей Волков
  • 31.03.2005
Read More
  • HTML

HTML-редактор? Вот и редактируй!

  • Алексей Волков
  • 21.08.2003
Read More
  • HTML

Выбираем HTML-редактор

  • Алексей Волков
  • 14.08.2003

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

Для отправки комментария вам необходимо авторизоваться.

Свежие посты
  • Дайджест постов Сергея Людкевича
    • 12.09.24
  • Как юристы тормозят бизнес
    • 30.08.24
  • Продвижение оптовых кампаний в Яндекс Директ
    • 06.03.24
  • Cарафанное радио
    • 13.01.24
  • 5-55: История компании
    • 01.03.23
Маркетер
  • О проекте
  • Информационное спонсорство
  • Рекламным агентствам
  • Ссылки
(с) ООО "Маркетер". Официальный сайт. Маркетер: Статьи про рекламу, маркетинг, public relations, интернет

Введите ключевые слова для поиска и нажмите Enter