Представление табличных данных
Рано или поздно вам придется размещать на своей странице WWW табличные данные. Самый простой, но далеко не самый хороший способ создания таблиц известен со времен текстового редактора Лексикон - вы оформляете таблицу шрифтом с фиксированной шириной букв, а для выравнивания колонок используете символы пробела или табуляции.
Разумеется, вы можете поступить аналогичным образом и при размещении таблиц на странице WWW, однако лучше сделать это средствами языка HTML .
Воспользовавшись редактором Microsoft Internet Assistant for Microsoft Word одним легким движением мыши мы создали таблицу, состоящую из трех строк и трех столбцов, а затем с помощью клавиатуры заполнили ячейки этой таблицы, как это показано на рис. 4.6.
Рис. 4.6. Таблица, подготовленная с помощью редактора Microsoft Internet Assistant for Microsoft Word
Ниже мы привели текст полученного при этом документа:
<HTML > <HEAD> <TITLE>Untitled</TITLE> <META NAME="GENERATOR" CONTENT="Internet Assistant for Microsoft Word 2.0z"> </HEAD> <BODY>
<TABLE>
<TR> <TD WIDTH=197><FONT FACE="Times New Roman">000</FONT></TD> <TD WIDTH=197><FONT FACE="Times New Roman">001</FONT></TD> <TD WIDTH=197><FONT FACE="Times New Roman">002</FONT> </TD> </TR>
<TR> <TD WIDTH=197><FONT FACE="Times New Roman">010</FONT></TD> <TD WIDTH=197><FONT FACE="Times New Roman">011</FONT></TD> <TD WIDTH=197><FONT FACE="Times New Roman">012</FONT> </TD> </TR>
<TR> <TD WIDTH=197><FONT FACE="Times New Roman">100</FONT></TD> <TD WIDTH=197><FONT FACE="Times New Roman">101</FONT></TD> <TD WIDTH=197><FONT FACE="Times New Roman">102</FONT> </TD> </TR>
</TABLE>
<P> </BODY> </HTML >
Из этого текста хорошо видно, что таблица определена между командами <TABLE> и </TABLE> . Каждая строка таблицы ограничена командами <TR> и </TR> . Столбцы таблицы ограничены командами <TD…> и </TD> , причем у команды <TD…>
есть параметр - ширина столбца.
При необходимости вы можете создать таблицу с видимой рамкой, разделяющей строки и столбцы. Для этого в команде <TABLE> необходимо указать параметр BORDER, определяющий ширину рамки:
<TABLE BORDER="1">
При необходимости вы можете задать цвет рамки, указав параметр BORDERCOLOR, как это показано ниже:
<TABLE BORDER="4" BORDERCOLOR="#0000ff">
В этом примере таблица будет иметь толстую рамку синего цвета (рис. 4.5).
Рис. 4.5. Таблица с толстой рамкой
