Онлайн учебники на TEPKA.ru

Учебник по HTML 4

       

Подготовка HTML таблиц

Для подготовки HTML-таблиц могут быть использованы любые редакторы, большинство из которых имеют средства для визуального создания таблиц. Приведем пример подготовки таблицы в редакторе HotDog Professional. Для создания HTML таблицы достаточно выбрать пункт Tables из меню Insert, после чего будет выдано диалоговое окно, показанное на рис. 4.19. Создание таблицы заключается в заполнении соответствующих полей в окне.

После определения количества строк и столбцов в таблице можно перейти к непосредственному заполнению отдельных ячеек таблицы, которые будут показаны в этом же диалоговом окне. Диалоговое окно имеет кнопку Preview, нажатие которой позволяет просмотреть получаемую HTML таблицу при помощи встроенного браузера (рис. 4.20).

Подготовка HTML таблиц

Рис. 4.19. Диалоговое окно для создания HTML таблиц

Подготовка HTML таблиц

Рис. 4.20. Таблица, показанная при помощи встроенного браузера

После завершения подготовки данных для таблицы следует нажать кнопку ОК. Тогда сгенерированный код описания таблицы будет вставлен в редактируемый HTML-документ. Для примера, приведенного на рис. 4.19, будет сгенерирован следующий код:

<table border=5 width=100% cellpadding=3 cellspacing=0>

<caption align=top>3aгoлoвoк тaблицы</caption>

<tr>

<th>Cтoлбeц 1</th>

<th>Столбец 2</th>

<th>Cтoлбeц 3</th>

<th>Столбец 4</th>

</tr>

<tr>

<td>1</td>

<td>2</td>

<td>3</td>

<td>4</td>

</tr>

(часть кода опущена)

</table>

Аналогичным образом данная задача решается при использовании компоненты Netscape Composer программы Netscape Communicator. На рис. 4.21 показано диалоговое окно, в котором необходимо заполнить нужные поля. Для ввода дополнительных параметров тега <TABLE> предусмотрена кнопка Extra HTML. После заполнения полей диалогового окна следует нажать кнопку Apply и тогда будет предоставлена возможность заполнения ячеек таблицы (рис. 4.22).

Подготовка HTML таблиц

Рис. 4.21. Диалоговое окно для задания параметров HTML таблицы программы Netscape Composer

Подготовка HTML таблиц

Рис. 4.22. Исходная позиция курсора ввода в пустой HTML таблице

 

 

 

Top.Mail.Ru
Top.Mail.Ru