Таблиці HTML

Позначення таблиці здійснюється тегом для входу в таблицю та визначенням загальних атрибутів, тегу TABLE, відповідного контейнера, що містить визначення для рядків і стовпців таблиці. Буде видно, що насправді елементарне визначення знаходиться в комірці таблиці, решта визначень визначають лише їх групування в рядки/стовпці.

Загальною формою маркування таблиці є:
Розширення групування рядків і стовпців Microsoft також дозволяють створювати більш складні структури (див. Розширення Microsoft).

Наступний приклад матиме ефект відображення таблиці з двома стовпцями та двома рядками плюс рядок заголовка: Відсутній рядок помітний. Це буде досягнуто за допомогою відповідних атрибутів. Текст заголовків виділено жирним шрифтом. Кожна комірка підтримує індивідуальне форматування тексту. У деяких розширеннях також може бути вказане глобальне форматування тексту всіх комірок у рядку/стовпці.
Дотримуйтесь наступного прикладу, де для комірок попереднього прикладу вказано індивідуальне форматування: Примітка до комірки 2.1, яка змінює свою висоту відповідно до кількості тексту.

Загальне маркування таблиць

- тег для визначення таблиці.

контент-таблиця визначає комірки таблиці, заголовок, захоплення та вміст комірки таблиці.

Наступний приклад відновлює попередню таблицю та позначає її межу. Для отримання просторового ефекту ми використовуємо, наприклад,

який створить характерний зовнішній кордон.
Відстань між комірками може бути досягнуто за допомогою атрибута:
Інтервал клітин = 6
що разом із попередніми варіантами має наслідком такий приклад:

Для переміщення тексту всередині комірок до країв комірок ми можемо використовувати атрибут:
Додавання комірок = 10
ефект, корельований чи ні, з попередніми варіантами є більш "повітряною" таблицею:
Для цієї таблиці рядок визначення полягає в накопиченні атрибутів:

Нарешті, кольори тла та параметри вирівнювання таблиці можна використовувати, як у прикладі:

Якщо використовуються розширення Microsoft, вони можуть тим часом перейти до інших браузерів, таблиця вище може бути змінена:

де "pap02.jpg" - це, очевидно, файл зображення у поточному каталозі/папці. Зауважимо, що позначення шпалер передбачає відмову від кольору фону. Якщо браузер, який ви використовуєте, не підтримує розширення Microsoft, відображена таблиця відрізняється від попередньої лише кольором тла.

додає заголовок (захоплення) до таблиці. Тег CAPTION повинен бути занурений у тег TABLE.

ПРИВИНГ =вгорі | внизу є стандартним атрибутом і показує розташування заголовка над або під таблицею, заголовок розташовується по таблиці горизонтально; ліворуч | центр | праворуч є розширеннями Microsoft і вказують горизонтальне вирівнювання заголовка з таблицею.
VALIGN встановлює вирівнювання захоплення з таблицею (вгору/вниз). Це розширення Microsoft, горизонтальне вирівнювання вказано ALIGN.
текст - така назва картини.

Горизонтальне центрування столу, як об’єкта, може бути виконане:

. визначити таблицю

визначає рядок у таблиці. Цей тег повинен бути занурений у тег TABLE, тобто кожен рядок таблиці, яку потрібно позначити, повинен мати відповідний тег TR.

ALIGN визначає, як вміст комірок рядка буде вирівнюватися горизонтально всередині комірок;
VALIGN визначає, як вміст комірок буде вертикально вирівнюватися всередині комірок;
BGCOLOR вказує кольоровий фон лінії. Це розширення Netscape та Microsoft.
BORDERCOLOR - це колір межі комірки. Це розширення Microsoft;
BORDERCOLORLIGHT - це колір світлової лінії в затіненій межі комірки. Це розширення Microsoft;
BORDERCOLORDARK - це колір тіні в затіненій межі комірки. Це розширення Microsoft;
BACKGROUND визначає URL-адресу файлу зображення, що використовується як фон для кожної комірки в рядку. Це розширення Microsoft.
Рядок вмісту містить теги TH або TD для визначення поточних комірок рядка.

визначає клітинку в заголовку таблиці (заголовок таблиці). Вміст комірки, як правило, виділяється шляхом введення та центрування.

ALIGN, VALIGN вказує горизонтальне та вертикальне вирівнювання вмісту комірки в комірці;
COLSPAN визначає кількість стовпців, над якими комірка простягається праворуч (операція об’єднання комірок по горизонталі в текстових процесорах);
ROWSPAN визначає кількість рядків, по яких комірка простягається вниз (операція об'єднання комірок вертикально в текстових процесорах);

У стовпцях/рядках, над якими були розширені інші комірки, розширення більше не оголошуються. Для цих стовпців/рядків будуть оголошені лише комірки, які з’являються тут вперше (це так, ніби деякі комірки отримані шляхом успадкування попередніх рядків/стовпців).

Вміст-комірка - це інформація (текстова або гіпертекстова) комірки.

Оскільки TH є тегом HTML 3.2, він розпізнається не всіма браузерами, особливо розширеннями Microsoft.

У наступному прикладі ми помітимо розширення заголовка таблиці до двох рядків, кожен відформатований по-різному: Граючи між рядками заголовка та ущільнюючи клітинки в рядках/стовпцях, ви можете створити зображення "перевернутої" таблиці: пп] [ROWSPAN =мм] [BGCOLOR = "#RRGGBB"|колір] [BORDERCOLOR = "#RRGGBB"|колір] [BORDERCOLORLIGHT = "#RRGGBB"|колір] [BORDERCOLORDARK = "#RRGGBB"|колір] [NOWRAP]>
["Вміст-комірка"]
[]

визначити комірку в таблиці (не в заголовку).

ALIGN, VALIGN вказує горизонтальне та вертикальне вирівнювання вмісту комірки;
COLSPAN визначає кількість стовпців, над якими комірка простягається праворуч (операція об’єднання комірок по горизонталі в текстових процесорах);
ROWSPAN визначає кількість рядків, по яких комірка простягається вниз (операція об'єднання комірок вертикально в текстових процесорах);

Вміст-комірка - інформація (текстова або гіпертекстова) комірки.

Теги TH і TD впадають у тег TR, тому будь-який рядок повинен мати стільки тегів TD (або TH для заголовка), скільки комірок ініційовано в цьому рядку.

Розширення таблиці Microsoft

визначає групу рядків у заголовку таблиці.

заголовок рядка містить визначення TR для рядків, що утворюють заголовок таблиці.

визначає групу рядків у тілі таблиці.

Боді-стіл містить визначення TR для рядків, що складають тіло таблиці.

визначає групу рядків у нижньому колонтитулі таблиці.

лінія-стопа містить визначення TR для рядків, що складають нижній колонтитул таблиці.

групує та форматує групу стовпців у таблиці. Стовпці згруповані в порядку зліва направо: перший тег COLGROUP буде посилатися на перший пп стовпці, другий тег COLGROUP до наступних стовпців тощо.

ALIGN - вирівнювання тексту за замовчуванням у всіх комірках згрупованих стовпців;
SPAN вказує кількість стовпців, згрупованих для форматування. За замовчуванням (відсутній атрибут SPAN) - 1.

форматує групу стовпців таблиці. Стовпці розглядаються по порядку зліва направо: перший тег COL буде посилатися на перший пп стовпці, другий тег COL до наступних стовпців тощо. Тег COL можна занурити в тег COLGROUP, змінивши налаштування за замовчуванням, задані COLGROUP.

ALIGN відноситься до вирівнювання тексту за замовчуванням у всіх клітинках розглянутих стовпців;
SPAN вказує кількість стовпців, які слід врахувати для форматування. За замовчуванням (відсутній атрибут SPAN) - 1.

Використання розширень Microsoft для позначення таблиць може створити таку структуру визначень:

Теги COL і COLGROUP можна занурити в теги THEAD, TBODY і TFOOT, щоб змінити локальне форматування.