Электронная библиотека книг Александра Фролова и Григория Фролова.
 
Библиотека
Братьев
Фроловых
Электронная библиотека книг Александра Фролова и Григория Фролова.
Библиотека системного программиста
Программирование на JAVA
ПК. Шаг за шагом
Другие книги
Восстановление данных
Антивирусная защита
Статьи для
программистов
Пользователю компьютера

Сервер Web своими руками. Язык HTML, приложения CGI и ISAPI, установка серверов Web для Windows

© Александр Фролов, Григорий Фролов
Том 29, М.: Диалог-МИФИ, 1997, 288 стр.

[Назад] [Содеожание] [Дальше]

Простейшая таблица

Прежде чем мы перейдем к подробному изучению возможностей языка HTML по созданию таблиц, покажем, как можно создать простейшую таблицу.

В тексте документа HTML таблица определяется между командами <TABLE> и </TABLE>. В простейшем случае строки таблицы ограничиваются командами <TR> и </TR>, а столбцы - командами <TD…> и </TD>, например:


<TABLE>
  <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>

Первая строка, ограниченная операторами <TR> и </TR>, состоит из трех ячеек, в которых находятся строки “000”, “001” и “002”. Каждая такая строка ограничена операторами <TD> и </TD>.

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

В листинге 3.1 мы привели исходный текст документа HTML, в котором определены две таблицы. Первая из них состоит из трех строк и не имеет никакого дополнительного оформления. Вторая таблица отцентрирована, имеет рамку шириной 2 пиксела и ширину, составляющую 60 процентов от ширины окна просмотра навигатора.

Листинг 3.1. Файл chap3\table.htm


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
  <HEAD>
    <TITLE>Таблицы</TITLE>
  </HEAD>
  <BODY BGCOLOR=#FFFFFF>

    <TABLE>
      <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>

    <TABLE ALIGN=JUSTIFY BORDER=2 WIDTH=60%>
      <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.1.

Рис. 3.1. Простейшая таблица и таблица с рамкой

[Назад] [Содеожание] [Дальше]


Создание интернет-магазинов: http://www.shop2you.ru/ © Александр Фролов, Григорий Фролов, 1991-2016