Logo CitForum CITForum на CD Форумы Газета Море(!) аналитической информации!
IT-консалтинг Software Engineering Программирование СУБД Безопасность Internet Сети Операционные системы Hardware

21.05.2012

Google
WWW CITForum.ru
2001 г

Таблицы в примерах

Перевод Степченко Евгения
Центр Информационных Технологий, НГТУ

Этот документ содержит примеры таблиц. Он охватывает большинство новых тэгов в таблицах. Впрочем он не обязательно показывает некоторые действительно творческие возможности, доступные в таблицах.

ОБЫЧНАЯ ТАБЛИЦА 3X2
A B C
D E F

<TABLE BORDER>
        <TR>
                <TD>A</TD> <TD>B</TD> <TD>C</TD>
        </TR>
        <TR>
                <TD>D</TD> <TD>E</TD> <TD>F</TD>
        </TR>
</TABLE>

ДВА ПРИМЕРА С ROWSPAN
Item 1 Item 2 Item 3
Item 4 Item 5

<TABLE BORDER>
        <TR>
                <TD>Item 1</TD>
                <TD ROWSPAN=2>Item 2</TD>
                <TD>Item 3</TD>
        </TR>
        <TR>
                <TD>Item 4</TD> <TD>Item 5</TD>
        </TR>
</TABLE>
Item 1 Item 2 Item 3 Item 4
Item 5 Item 6 Item 7
<TABLE BORDER>
        <TR>
                <TD ROWSPAN=2>Item 1</TD>
                <TD>Item 2</TD> <TD>Item 3</TD> <TD>Item 4</TD>
        </TR>
        <TR>
                <TD>Item 5</TD> <TD>Item 6</TD> <TD>Item 7</TD>
        </TR>
</TABLE>

ПРИМЕР С COLSPAN
Item 1 Item 2
Item 3 Item 4 Item 5

<TABLE BORDER>
        <TR>
                <TD>Item 1</TD>
                <TD COLSPAN=2>Item 2</TD>
        </TR>
        <TR>
                <TD>Item 3</TD> <TD>Item 4</TD> <TD>Item 5</TD>
        </TR>
</TABLE>

ДЕМОНСТРАЦИЯ ЗАГОЛОВКОВ (<TH>)
Head1 Head2 Head3
A B C
D E F

<TABLE BORDER>
        <TR>
                <TH>Head1</TH> <TH>Head2</TH> <TH>Head3</TH>
        </TR>
        <TR>
                <TD>A</TD> <TD>B</TD> <TD>C</TD>
        </TR>
        <TR>
                <TD>D</TD> <TD>E</TD> <TD>F</TD>
        </TR>
</TABLE>

ДЕМОНСТРАЦИЯ COLSPAN И ЗАГОЛОВКОВ
Head1 Head2
A B C D
E F G H

<TABLE BORDER>
        <TR>
                <TH COLSPAN=2>Head1</TH>
                <TH COLSPAN=2>Head2</TH>
        </TR>
        <TR>
                <TD>A</TD> <TD>B</TD> <TD>C</TD> <TD>D</TD>
        </TR>
        <TR>
                <TD>E</TD> <TD>F</TD> <TD>G</TD> <TD>H</TD>
        </TR>
</TABLE>

ДЕМОНСТРАЦИЯ МНОЖЕСТВЕННЫХ ЗАГОЛОВКОВ, COLSPAN
Head1 Head2
Head 3 Head 4 Head 5 Head 6
A B C D
E F G H

<TABLE BORDER>
        <TR>
                <TH COLSPAN=2>Head1</TH>
                <TH COLSPAN=2>Head2</TH>
        </TR>
        <TR>
                <TH>Head 3</TH> <TH>Head 4</TH>
                <TH>Head 5</TH> <TH>Head 6</TH>
        </TR>
        <TR>
                <TD>A</TD> <TD>B</TD> <TD>C</TD> <TD>D</TD>
        </TR>
        <TR>
                <TD>E</TD> <TD>F</TD> <TD>G</TD> <TD>H</TD>
        </TR>
</TABLE>

ДЕМОНСТРАЦИЯ БОКОВЫХ ЗАГОЛОВКОВ
Head1 Item 1 Item 2 Item 3
Head2 Item 4 Item 5 Item 6
Head3 Item 7 Item 8 Item 9

<TABLE BORDER>
        <TR><TH>Head1</TH>
                <TD>Item 1</TD> <TD>Item 2</TD> <TD>Item 3</TD></TR>
        <TR><TH>Head2</TH>
                <TD>Item 4</TD> <TD>Item 5</TD> <TD>Item 6</TD></TR>
        <TR><TH>Head3</TH>
                <TD>Item 7</TD> <TD>Item 8</TD> <TD>Item 9</TD></TR>
</TABLE>

ДЕМОНСТРАЦИЯ БОКОВЫХ ЗАГОЛОВКОВ, ROWSPAN
Head1 Item 1 Item 2 Item 3 Item 4
Item 5 Item 6 Item 7 Item 8
Head2 Item 9 Item 10 Item 3 Item 11

<TABLE BORDER>
        <TR><TH ROWSPAN=2>Head1</TH>
            <TD>Item 1</TD> <TD>Item 2</TD> <TD>Item 3</TD> <TD>Item 4</TD>
        </TR>
        <TR><TD>Item 5</TD> <TD>Item 6</TD> <TD>Item 7</TD> <TD>Item 8</TD>
        </TR>
        <TR><TH>Head2</TH>
            <TD>Item 9</TD> <TD>Item 10</TD> <TD>Item 3</TD> <TD>Item 11</TD>
        </TR>
</TABLE>

ПРИМЕР ТАБЛИЦЫ ИСПОЛЬЗУЮЩЕЙ ВСЕ ЭТИ ТЭГИ
Average
Height Weight
Gender Males 1.9 0.003
Females 1.7 0.002

<TABLE BORDER>
        <TR>      <TD><TH ROWSPAN=2></TH>
                <TH COLSPAN=2>Average</TH></TD>
        </TR>
        <TR>      <TD><TH>Height</TH><TH>Weight</TH></TD>
        </TR>
        <TR>      <TH ROWSPAN=2>Gender</TH>
                <TH>Males</TH><TD>1.9</TD><TD>0.003</TD>
        </TR>
        <TR>      <TH>Females</TH><TD>1.7</TD><TD>0.002</TD>
        </TR>
</TABLE>

ИСПОЛЬЗОВАНИЕ ROWSPAN/COLSPAN
A 1 2
3 4
C D

<TABLE BORDER>
        <TR>
                <TD ALIGN=center ROWSPAN=2 COLSPAN=2>A</TD>
                <TD>1</TD>
                <TD>2</TD>
        </TR>
        <TR>
                <TD>3</TD>
                <TD>4</TD>
        </TR>
        <TR>
                <TD ALIGN=center ROWSPAN=2 COLSPAN=2>C</TD>
                <TD ALIGN=center ROWSPAN=2 COLSPAN=2>D</TD>
        </TR>
        <TR>
        </TR>
</TABLE>

ВЫРАВНИВАНИЕ, ОТСТУПЫ, РАМКИ

ТАБЛИЦА БЕЗ РАМКИ
Item 1 Item 2 Item 3
Item 4 Item 5

<TABLE>
        <TR>      <TD>Item 1</TD> <TD ROWSPAN=2>Item 2</TD> <TD>Item 3</TD>
        </TR>
        <TR>      <TD>Item 4</TD> <TD>Item 5</TD>
        </TR>
</TABLE>

ТАБЛИЦА С РАМКОЙ ШИРИНОЙ 10
Item 1 Item 2
Item 3 Item 4

<TABLE BORDER=10>
        <TR>      <TD>Item 1</TD> <TD> Item 2</TD>
        </TR>
        <TR>      <TD>Item 3</TD> <TD>Item 4</TD>
        </TR>
</TABLE>

CELLPADDING И CELLSPACING
A B C
D E F

<TABLE BORDER CELLPADDING=10 CELLSPACING=0>
        <TR>
                <TD>A</TD> <TD>B</TD> <TD>C</TD>
        </TR>
        <TR>
                <TD>D</TD> <TD>E</TD> <TD>F</TD>
        </TR>
</TABLE>
A B C
D E F
<TABLE BORDER CELLPADDING=0 CELLSPACING=10>
        <TR>
                <TD>A</TD> <TD>B</TD> <TD>C</TD>
        </TR>
        <TR>
                <TD>D</TD> <TD>E</TD> <TD>F</TD>
        </TR>
</TABLE>
A B C
D E F
<TABLE BORDER CELLPADDING=10 CELLSPACING=10>
        <TR>
                <TD>A</TD> <TD>B</TD> <TD>C</TD>
        </TR>
        <TR>
                <TD>D</TD> <TD>E</TD> <TD>F</TD>
        </TR>
</TABLE>
A B C
D E F
<TABLE BORDER=5 CELLPADDING=10 CELLSPACING=10>
        <TR>
                <TD>A</TD> <TD>B</TD> <TD>C</TD>
        </TR>
        <TR>
                <TD>D</TD> <TD>E</TD> <TD>F</TD>
        </TR>
</TABLE>

ВЫРАВНИВАНИЕ, ЗАГОЛОВКИ И ПОДТАБЛИЦЫ

ДЕМОНСТРАЦИЯ MНОЖЕСТВЕННЫХ СТРОК В ТАБЛИЦЫ СТРОК В ТАБЛИЦЕ
January February March
This is cell 1 Cell 2 Another cell,
cell 3
Cell 4 and now this
is cell 5		 Cell 6

<TABLE BORDER>
        <TR>
                <TH>January</TH>
                <TH>February</TH>
                <TH>March</TH>
        </TR>
        <TR>
                <TD>This is cell 1</TD>
                <TD>Cell 2</TD>
                <TD>Another cell,<br> cell 3</TD>
        </TR>
        <TR>
                <TD>Cell 4</TD>
                <TD>and now this<br>is cell 5</TD>
                <TD>Cell 6</TD>
        </TR>
</TABLE>

ALIGN=LEFT|RIGHT|CENTER

может применяться к отдельным ячейкам или всей строке
January February March
all aligned center Cell 2 Another cell,
cell 3
aligned right aligned to center default,
aligned left

<TABLE BORDER>
        <TR>
            <TH>January</TH>
            <TH>February</TH>
            <TH>March</TH>
        </TR>
        <TR ALIGN=center>
            <TD>all aligned center</TD>
            <TD>Cell 2</TD>
            <TD>Another cell,<br> cell 3</TD>
        </TR>
        <TR>
            <TD ALIGN=right>aligned right</TD>
            <TD ALIGN=center>aligned to center</TD>
            <TD>default,<br>aligned left</TD>
        </TR>
</TABLE>

VALIGN=TOP|BOTTOM|MIDDLE

может применяться к отдельным ячейкам или всей строке
January February March
all aligned to top and now this
is cell 2		 Cell 3
aligned to the top aligned to the bottom default alignment,
center

<TABLE BORDER>
        <TR>
                <TH>January</TH>
                <TH>February</TH>
                <TH>March</TH>
        </TR>
        <TR VALIGN=top>
            <TD>all aligned to top</TD>
            <TD>and now this<br>is cell 2</TD>
            <TD>Cell 3</TD>
        </TR>
        <TR>
            <TD VALIGN=top>aligned to the top</TD>
            <TD VALIGN=bottom>aligned to the bottom</TD>
            <TD>default alignment,<br>center</TD>
        </TR>
</TABLE>

CAPTION=TOP|BOTTOM
Верхний заголовок
January February March
This is cell 1 Cell 2 Another cell,
cell 3

<TABLE BORDER>
<CAPTION ALIGN=top>A top CAPTION</CAPTION>
        <TR>
                <TH>January</TH>
                <TH>February</TH>
                <TH>March</TH>
        </TR>
        <TR>
                <TD>This is cell 1</TD>
                <TD>Cell 2</TD>
                <TD>Another cell,<br> cell 3</TD>
        </TR>
</TABLE>
Нижний заголовок
January February March
This is cell 1 Cell 2 Another cell,
cell 3
<TABLE BORDER>
<CAPTION ALIGN=bottom>A bottom CAPTION</CAPTION>
        <TR>
                <TH>January</TH>
                <TH>February</TH>
                <TH>March</TH>
        </TR>
        <TR>
                <TD>This is cell 1</TD>
                <TD>Cell 2</TD>
                <TD>Another cell,<br> cell 3</TD>
        </TR>
</TABLE>

ВЛОЖЕННЫЕ ТАБЛИЦЫ: ТАБЛИЦА ABCD ВНУТРИ ТАБЛИЦЫ 123456
1 2 3
A B
C D
4 5 6

<TABLE BORDER>
        <TR> <!-- ROW 1, TABLE 1 -->
                <TD>1</TD>
                <TD>2</TD>
                <TD>3
                <TABLE BORDER>
                        <TR> <!-- ROW 1, TABLE 2 -->
                                <TD>A</TD>
                                <TD>B</TD>
                        </TR>
                        <TR> <!-- ROW 2, TABLE 2 -->
                                <TD>C</TD>
                                <TD>D</TD>
                        </TR>
                </TABLE>
                </TD>
        </TR>
        <TR> <!-- ROW 2, TABLE 1 -->
                <TD>4</TD>
                <TD>5</TD>
                <TD>6</TD>
        </TR>
</TABLE>

ЗАДАНИЕ ШИРИНЫ ТАБЛИЦЫ

ШИРИНА 50%
Width=50% Width=50%
3 4

<TABLE BORDER WIDTH="50%">
        <TR><TD>Width=50%</TD><TD>Width=50%</TD>
        </TR>
        <TR><TD>3</TD><TD>4</TD>
        </TR>
</TABLE>
Item width affects cell size 2
3 4
<TABLE BORDER WIDTH="50%">
        <TR><TD>Item width affects cell size</TD><TD>2</TD>
        </TR>
        <TR><TD>3</TD><TD>4</TD>
        </TR>
</TABLE>
WIDTH=100% This is item 2
3 4
<TABLE BORDER WIDTH="100%">
        <TR><TD>WIDTH=100%</TD><TD>This is item 2</TD>
        </TR>
        <TR><TD>3</TD><TD>4</TD>
        </TR>
</TABLE>

ЦЕНТРИРОВАНИЕ ТАБЛИЦЫ НА СТРАНИЦЕ

A B C
D E F
<CENTER>
<TABLE BORDER WIDTH="50%">
        <TR>
                <TD>A</TD> <TD>B</TD> <TD>C</TD>
        </TR>
        <TR>
                <TD>D</TD> <TD>E</TD> <TD>F</TD>
        </TR>
</TABLE>
</CENTER>

ШИРИНА ТАБЛИЦЫ И ВЛОЖЕННЫЕ ТАБЛИЦЫ
Item 1 Item 2
Item A Item B
 Item 4

<TABLE BORDER WIDTH="50%">
        <TR><TD>Item 1</TD><TD>Item 2</TD>
        </TR>
        <TR><TD>
            <TABLE BORDER WIDTH=100%>
                <TR><TD>Item A</TD><TD>Item B</TD>
                </TR>
            </TABLE>
            </TD>
            <TD>Item 4</TD>
        </TR>
</TABLE>

HEIGHT=15%
HEIGHT=15% Item 2
3 4

<TABLE BORDER WIDTH="50%" HEIGHT="15%">
        <TR><TD>HEIGHT=15%</TD> <TD>Item 2</TD>
        </TR>
        <TR><TD>3</TD><TD>4</TD>
        </TR>
</TABLE>

 

Подписка на новости CITForum.ru

Новые публикации:

7 июля

  • Управление параллелизмом с низкими накладными расходами для разделенных баз данных в основной памяти

  • Рекурсивные запросы в Oracle

  • Жесткий диск WD10EARS с сектором 4 КБ. Подготовка к эксплуатации в Linux.

    Обзоры журнала Computer:

    Газета:

  • Московские пробки - исследование IBM

  • От Osborne до iPad: эволюция портативных компьютеров

    19 мая

  • Прозрачный механизм удаленного обслуживания системных вызовов

  • Система моделирования Grid: реализация и возможности применения

    Газета:

    Майкл Стоунбрейкер:

  • Ошибки в системах баз данных, согласованность "в конечном счете" и теорема CAP

  • Дискуссия по поводу "NoSQL" не имеет никакого отношения к SQL

    29 апреля

  • Материалы конференции "Корпоративные Базы Данных-2010"

  • Разные облики технологии баз данных (отчет о конференции)

    14 апреля

  • MapReduce: внутри, снаружи или сбоку от параллельных СУБД?

  • Научные вызовы технологиям СУБД

    Обзоры журнала Computer:

    31 марта

  • Рационализация согласованности в "облаках": не платите за то, что вам не требуется

  • Взаимные блокировки в Oracle

  • Архитектура среды тестирования на основе моделей, построенная на базе компонентных технологий

  • Объектное представление XML-документов

    Газета:

  • Microsoft для российских разработчиков: практика с элементами фундаментальности

    10 марта

  • HadoopDB: архитектурный гибрид технологий MapReduce и СУБД для аналитических рабочих нагрузок

  • Классификация OLAP-систем вида xOLAP

  • BGP. Три внешних канала. Балансировка исходящего и входящего трафиков

    Газета:

  • Что мы знаем об iPhone 4G?

    17 февраля

  • MapReduce и параллельные СУБД: друзья или враги?

  • Объектно-ориентированное программирование в ограничениях: новый подход на основе декларативных языков моделирования данных

  • Системологический подход к декомпозиции в объектно-ориентированном анализе и проектировании программного обеспечения

    Газета:

  • Эволюция Wine

    3 февраля

  • Дом на песке

  • Реальное переосмысление "формальных методов"

  • Интервью с Найджелом Пендзом

    Газета:

  • iPad. Первый взгляд на долгожданный планшет от Apple

  • Я не верю в iPad

    20 января

  • SQL/MapReduce: практический подход к поддержке самоописываемых, полиморфных и параллелизуемых функций, определяемых пользователями

  • Данные на лету: как технология потокового SQL помогает преодолеть кризис

    Обзоры журнала Computer:

    2 декабря

  • Сергей Кузнецов. Год эпохи перемен в технологии баз данных

    18 ноября

  • Генерация тестовых программ для подсистемы управления памятью микропроцессора

  • Сравнительный анализ современных технологий разработки тестов для моделей аппаратного обеспечения

    Все публикации >>>

    • IT-консалтинг Software Engineering Программирование СУБД Безопасность Internet Сети Операционные системы Hardware

    Информация для рекламодателей PR-акции, размещение рекламы — тел. +7 495 6608306, ICQ 232284597 Пресс-релизы — pr@citforum.ru
    Послать комментарий
    Информация для авторов

    Редакция раздаёт котят!

    		Rambler's Top100 TopList liveinternet.ru: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня This Web server launched on February 24, 1997
    Copyright © 1997-2000 CIT, © 2001-2009 CIT Forum
    Внимание! Любой из материалов, опубликованных на этом сервере, не может быть воспроизведен в какой бы то ни было форме и какими бы то ни было средствами без письменного разрешения владельцев авторских прав. Подробнее...