3.3.3. Багатошарові заголовки
Рядки і стовпці таблиці можуть мати декілька заголовків, що малися в своєму розпорядженні яруси. У лістинг 3.6 приведений початковий текст документа HTML з двох’ярусним заголовком стовпців.
Лістинг 3.6. Файл chap3\tableh4.htm
<!"DOCTYPE HTML PUBLIC -//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<ТITLE>Та6лицы із заголовком</ТITLE>
</HEAD>
<BODY BGCOLOR=#FFFFFF>
<TABLE BORDER>
<TR><TH COLSPAN=3>3aroлoвок для всіх стовпців</ТН></TR>
<TR><TH COLSPAN=2>Стовпець 1 і 2</ТН><ТН>Стовпець 3</ТН></TR>
<TR><TD>000</TD><TD>001</TD><TD>002</TD></TR>
<TR><TD>010</TD><TD>011</TD><TD>012</TD></TR>
<TR><TD>100</TD><TD>101</TD><TD>102</TD></TR>
</TABLE>
</BODY>
</HTML>
Перший заголовок в цьому документі відноситься до всіх стовпців. Другий заголовок розташований під першим. У ньому використовується об'єднання сусідніх осередків для першого і другого стовпця. Зовнішній вигляд Таблиці, що вийшла показаний на мал. 3.6.
МАЛ. 3.6. Таблиця з подвійним заголовком таблиці з підписом
3.3.4. Таблиці з підписом
Крім заголовка, можна забезпечити таблицю підписом, для чого потрібно скористатися оператором <CAPTION>.
У лістинг 3.7 приведений початковий текст документа HTML, в якому створюється таблиця з підписом. Для оформлення підпису використане розширення навигатора Microsoft Internet Explorer - параметр VALIGN оператора <CAPTION>.
Лістинг 3.7. Файл chap3\captionl.htm
<!"DOCTYPE HTML PUBLIC -//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<TITLE>Та6пицы із заголовком і підписом</TITLE>
</HEAD>
<BODY BGCOLOR=#FFFFFF>
<STABLE BORDER WIDTH=100%>
<CAPTION VALIGN=TOP ALIGN=RlGHT>Ta6л. 1.1. Таблиця з подвійним заголовоком</САРТION>
<TR><TH COLSPAN=3>3aroловок для всіх стовпців</ТН></TR>
<TR><ТН СOLSPAN=2>Стовпець 1 і 2</ТН><ТН>Стовпець 3</ТН></TR>
<TR><TD>000</TD><TD>001</TD><TD>002</TD></TR>
<TR><TD>010</TD><TD>011</TD><TD>012</TD></TR>
<TR><TD>100</TD><TD>101</TD><TD>102</TD></TR>
</TABLE>
</BODY>
</HTML>
Зовнішній вигляд цієї таблиці при її перегляді в навигаторе Microsoft Internet Explorer показаний на мал. 3.7.
Якщо ж спробувати переглянути цей документ при допомозі навигатора Netscape Navigator, який "не розуміє" параметр VALIGH і по-іншому трактує параметр ALIGN, то можна побачити таблицю, показану на мал. 3.8.
Табл 1.1 Таблиця з подвійним заголовоком
МАЛ. 3.7. Результат перегляду таблиці з підписом в навигаторе Microsoft Internet Explorer
Табл 1.1 Таблиця з подвійним заголовоком
Мал. 3.8. Результат перегляду таблиці з підписом в навигаторе Netscape Navigator
У документі HTML, початковий текст якого показаний в лістинг 3.8, підпис розташований під таблицею за допомогою способу, сумісного як з навигатором Netscape Navigator, так і з навигатором Microsoft Internet Explorer.
Зовнішній вигляд отриманої таблиці показаний на мал. 3.9.
Табл1.2 Таблиця з подвійним заголовоком
Мал. 3.9. Підпис розташований під таблицею
Лістинг 3.8. Файл chap3\caption2.htm
<!"DOCTYPE HTML PUBLIC -//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<TITLE>Таблиця із заголовком і підписом</ТITLE>
</HEAD>
<BODY BGCOLOR=#FFFFFFF>
<TABLE BORDER WIDTH=100%>
<CAPTION ALIGN=BOTTOM>Ta6л. 1.2. Таблиця З подвійним эаголовком</CAPTION>
<TR><ТН COLSPAN=3>3aroловок для всіх стовпців</ТН></TR>
<TR><ТН COLSPAN=2>Стовпець 1 і 2</ТН><ТН>Стовпець 3</ТН></TR>
<TR><TD>000</TD><TD>001</TD><TD>002</TD></TR>
<TR><TD>010</TD><TD>011</TD><TD>012</TD></TR>
<TR><TD>100</TD><TD>101</TD><TD>102</TD></TR>
</TABLE>
</BODY>
</HTML>