списка 3 
Рис. 2.21. Упорядоченный список 
С другой стороны, таблицы позволяют создавать свои собственные маркеры 
за счет вставки графического изображения-маркера в ячейку таблицы. Обычно 
таблица, используемая для создания маркированного списка, содержит два стол- 
бца. Первый столбец содержит в себе графическое изображение, используемое в 
качестве маркера, а второй столбец — текст, описывающий элемент списка. 
Стандартная таблица с двумя столбцами создает список с броскими изображени- 
ями в качестве символов маркеров, как, например, показано на рис. 2.22. 
Акации 
»ы 
Березы 
Рис. 2.22. Неупорядоченный список со специальными маркерами 
ПРАКТИКУМ ШЯШ 
Предположим, например, что вы создаете список, содержащий три элемента, и 
хотите использовать изображение стрелки в качестве маркера для каждого из эле- 
ментов списка. Для создания показанного выше маркированного списка служит 
следующий код: 
 
 
3neMeHT списка K/tdX/tr> 
 , 
3neMeHT списка 2 
 
3neMeHT списка 3 
 
Поскольку ячейки таблицы могут содержать любую графику, поэксперименти- 
руйте, заменяя обычные изображения, используемые для маркеров, чем-нибудь 
неординарным. Например, если вы создаете маркированный список действий, 
необходимых для выращивания роз, замените стандартный символ маркера на 
графическое изображение красной розы.

114 Глава 2. HTML-таблицы 
Создание бокового навигационного меню 
с помощью таблицы 
При разработке многостраничного Web-сайта вам нужно позаботиться о том, 
чтобы посетители могли без затруднений передвигаться со страницы на страни- 
цу вашего сайта. В предыдущем практикуме вы научились создавать маркирован- 
ные списки, используя для этого отдельные ячейки таблицы. С их помощью 
также можно создать отлично организованную навигационную панель. 
ПРАКТИКУМ 
Боковое меню {sidebar) представляет собой простую форму навигационной панели. 
Обычно боковое меню состоит из списка слов, отображаемых с левой стороны на 
Web-странице. Каждое слово на самом деле является ссылкой на другую страницу 
Web-сайта. При использовании таблицы для создания бокового меню каждая 
ячейка таблицы содержит отдельный элемент меню. Приведенный ниже листинг 
создает боковое навигационное меню, показанное на рис. 2.23: 
rnaBHaa 
06pa3ubi 
0 Hac 
KoHTaKT 
href="purchase.htm">KynnTb 
Чтобы быть последовательными, всегда помещайте боковое навигационное 
меню в одном и том же месте на каждой странице сайта. Так посетителям будет 
легче находить систему навигации сайта и пользоваться ею. Чаще всего навига- 
ционное меню помещают в двух областях страницы: в виде боковой панели вер- 
тикально вдоль левого края Web-страницы (как в данном практикуме) или в виде 
горизонтальной панели вверху страницы. 
.fe № 
.Beck' Stop Reftesh Home Search FevotSes . Hiaoij1 
Главная 
Обравиы 
Контакт 
Купить 
~3 
а ро 
Рис. 2.23. Типовое боковое навигационное меню, заключенное в таблицу

Глава 2. HTML-таблицы 
Добавление графики и ссылок в ячейки таблицы 
Каждая ячейка таблицы представляет собой отдельный управляемый элемент, 
в который можно помещать текст, графику или же комбинацию текста и графи- 
ки. Чтобы добавить в таблицу ячейку, вставьте пару - начальный и конечный - 
дескрипторов данных таблицы (), как показано в приведенном ниже 
коде, между начальным и конечным дескрипторами () таблицы: 

<Ъс1>Сюда помещаются данные ячвйки 
ПРАКТИКУМ 
Ч