1 В практическом HTML-программировании таблицы совершенно незаменимы для создания левых и правых полей страницы, выравнивания элементов на экране, многоколонной верстки, наложения картинок друг на друга. И, наконец, для отображения на экране табличного материала, но это — в последнюю очередь.
2 В общем случае таблицы используют для хранения информации с двумя характерными признаками. Значения одного признака расписано в заголовках строк, другого — в заголовках столбцов. А в каждую клетку таблицы заносят значение, одновременно обладающее признаком строки и столбца, на пересечении которых она расположена.
3 Таблица задается командой <TABLE>... </TABLE>. Внутри этих тэгов задаются строки командами <TR>... </TR>. Наконец, внутри строк задаются клетки (ячейки) командами <TD>... </ TD>. Таким образом, по строкам, описывается вся структура таблицы.
4 Скопируйте следующую программу в Блокнот. Просмотрите через браузер. Что отображает HTML-страничка?
<TABLE border=1> <TR> <TD>(1,1)</TD> <TD>(1,2)</TD> </TR> <TR> <TD>(2,1)</TD> <TD>(2,2)</TD> </TR> <TR> <TD>(3,1)</TD> <TD>(3,2)</TD> </TR></TABLE>
5 Скопируйте результат изображения на экране в данный документ.
6 Допишите комментарии к ранее приведенной программе о строках, где описываются основные элементы таблицы: строки и ячейки.
7 Атрибуты команды TABLE:
Атрибут | Значение | Описание |
bgcolor | цвет | Цвет фона таблицы |
border | число | Ширина линий рамки |
bordercolor | цвет | Цвет линий рамки |
8 Используя атрибуты, измените предыдущую программу, таким образом, чтобы таблица содержала цвет фона и цвет границ таблицы.
9 Приведите текст измененной программы и дополните ее комментариями у тех строк или команд, которые устанавливают цветовую гамму таблицы.
<BODY bgcolor=green text=navy>
<TABLE border=1>
<TR>
<TD>(1,1)</TD>
<TD>(1,2)</TD>
</TR>
<TR>
<TD>(2,1)</TD>
<TD>(2,2)</TD>
</TR>
<TR>
<TD>(3,1)</TD>
<TD>(3,2)</TD>
</TR>
</TABLE>
10 Продемонстрируйте свою работу преподавателю.
Контрольные вопросы
3.1 Запишите имя команды для задания маркированного списка
< UL >
3.2 Какой из фрагментов программы формирует ниже приведенный список?
(в)
§ Все, что может испортиться — портится.
§ Все, что не может испортиться — портится тоже
а | б | в |
<UL type=disc> <LI>... <LI>... </UL> | <UL type=circle> <LI>... <LI>... </UL> | <UL type=square> <LI>... <LI>... </UL> |
3.3 Для чего как правило используются таблицы в HTML-документах?
применяются как средство для создания "каркасов" Web-страниц.
3.4 Каково ограничение уровня вложенности вложенных списков?
3.5 Какая конструкция в HTML является комментарием?