ВУЗ: Не указан
Категория: Не указан
Дисциплина: Не указана
Добавлен: 06.04.2021
Просмотров: 429
Скачиваний: 1
41
многоуровневой
вложенности
.<BR><BR>
Другими
словами
,
одна
таблица
может
включать
другую
,
та
,
в
свою
очередь
,
еще
одну
и
т
.
д
.<BR><BR>
Эта
особенность
,
в
отличие
от
других
способов
представления
данных
в
электронном
документе
,
позволяет
более
точно
размещать
отдельные
элементы
страницы
относительно
друг
друга
и
границ
самого
документа
,
отображаемого
браузером
.</TD>
</TR>
</TABLE>
<! –
Левая
таблица
с
текстом
.
Окончание
– >
</TD>
<TD VALIGN="top" WIDTH="50%">
<! –
Правая
таблица
со
списком
.
Начало
– >
<TABLE ALIGN="center" BORDER="1" CELLSPACING="3"
CELLPADDING="5" WIDTH="100%">
<TR>
<TH BGCOLOR="#000000"> <FONT COLOR="white">
Преимущества
вложенных
таблиц
</FONT> </
ТН
>
</TR>
<TR>
<TD VALIGN="top">
<OL TYPE="1">
<LI>
Гибкая
масштабируемость
структуры
электронного
документа
в
цел
o
м
<BR><BR>
<LI>
Широкие
возможности
позиционирования
отдельных
элементов
страницы
<
В
R><
В
R>
<LI>
Многоуровневое
представление
разнородных
информационных
данных
<BR><BR>
<LI>
Расширенные
оформительские
возможности
<BR><BR>
<LI>
Поддержка
популярными
браузерами
</OL>
</TD>
</TR>
</TABLE>
<!–
Правая
таблица
со
списком
.
Окончание
–>
</TD>
</TR>
</TABLE>
42
<!–
Основная
несущая
таблица
.
Окончание
–>
</BODY>
</HTML>
Рис
. 25.
Пример
использования
многоуровневых
вложенных
таблиц
Как
видно
из
листинга
2.9,
электронный
документ
состоит
из
трех
таб
-
лиц
:
первая
является
основной
(
несущей
)
и
имеет
невидимые
рамки
;
две
других
расположены
в
ячейках
основной
таблицы
и
содержат
блок
текста
и
нумерованный
список
,
соответственно
.
Для
удобства
восприятия
HTML-
кода
были
использованы
коммента
-
рии
,
обособляющие
структуру
каждой
из
трех
таблиц
.
Ширина
ячеек
не
-
сущей
таблицы
–
по
50 %,
что
позволяет
даже
при
изменении
размеров
ок
-
на
браузера
разделять
информацию
на
две
равные
части
.
Для
закрепления
пройденного
материала
все
описанные
теги
и
пара
-
метры
,
используемые
при
построении
HTML-
таблиц
,
приведены
в
табл
. 2.5.
43
Т а б л и ц а
2 . 5
Теги
и
параметры
,
используемые
для
построения
таблиц
Тег
Описание
Параметры
TABLE
Основной
тег
построения
структуры
таб
-
лицы
.
Определяет
наличие
и
цвет
рамки
,
отсту
-
пы
между
границами
ячеек
и
соседними
ячейками
,
тип
выравнивания
,
ширину
и
высоту
таблицы
.
Задает
свойства
прори
-
совки
рамок
и
линеек
таблицы
BORDER
BORDERCOLOR
CELLSPACING
CELLPADDING
ALIGN
WIDTH
HEIGHT
FRAME
RULES
CAPTION
Тег
заголовка
таблицы
.
Задает
тип
горизонтального
и
вертикаль
-
ного
выравнивания
заголовка
таблицы
ALIGN
VALIGN
TR
Тег
ряда
таблицы
.
Устанавливает
следующие
свойства
для
ряда
таблицы
:
тип
вертикального
и
гори
-
зонтального
выравнивания
,
ширину
и
вы
-
соту
,
цвет
фона
,
запрет
переноса
строки
ALIGN
VALIGN
WIDTH
HEIGHT
BGCOLOR
NOWRAP
TD, TH
Теги
ячейки
таблицы
.
Устанавливает
следующие
свойства
для
ячейки
таблицы
:
тип
вертикального
и
го
-
ризонтального
выравнивания
,
ширину
и
высоту
,
цвет
и
графическое
изображение
фона
,
запрет
переноса
строки
,
объедине
-
ние
соседних
ячеек
в
одну
(
по
горизонта
-
ли
и
вертикали
)
ALIGN
VALIGN
WIDTH
HEIGHT
BGCOLOR
BACKGROUND
NOWRAP
ROWSPAN
COLSPAN
COL
Тег
группировки
табличных
данных
.
Задает
количество
соседних
столбцов
и
единый
тип
горизонтального
выравнива
-
ния
для
всех
столбцов
SPAN
ALIGN
COLGROUP
Тег
группировки
табличных
данных
,
осу
-
ществляющий
логическое
объединение
столбцов
с
информацией
.
Задает
количество
соседних
столбцов
и
единый
тип
горизонтального
и
вертикаль
-
ного
выравнивания
для
всех
столбцов
SPAN
ALIGN
VALIGN
THEAD
Тег
верхнего
колонтитула
таблицы
-
TBODY
Тег
основного
(
содержательного
)
колон
-
титула
таблицы
-
TFOOT
Тег
нижнего
колонтитула
таблицы
-
44
3.
Практические
занятия
и
задания
для
лабораторных
работ
В
данном
разделе
перечислены
темы
практических
занятий
,
проводи
-
мых
в
рамках
курса
«Web-
дизайн
»,
относящиеся
к
темам
,
рассмотренным
в
данном
методическом
пособии
.
Занятие
5.
Структуризация
информации
:
●
нумерованные
списки
(
параметры
тега
<OL>
);
●
маркированные
списки
(
параметры
тега
<UL>
);
●
вложенные
списки
;
●
списки
определений
.
Задание
.
Составить
списоки
изучаемых
дисциплин
(
нумерованные
,
мар
-
кированные
списки
и
списки
определений
).
Составить
вложенные
списки
–
изучаемые
дисциплины
и
проводящие
занятия
преподаватели
.
Занятия
6
и
7.
Табличное
представление
данных
.
Создание
простейших
таблиц
и
правила
их
описания
:
●
параметры
тега
<TABLE>
;
●
параметры
тегов
<TR>
,
<TD>
,
<TH>
.
●
Нестандартное
представление
таблиц
:
●
пустые
ячейки
;
●
группировка
данных
;
●
колонтитулы
таблицы
;
●
прорисовка
структуры
таблицы
.
Вложенные
таблицы
.
Задание
.
Создать
простейшую
таблицу
с
данными
(
например
,
прайс
-
лист
магазина
вычислительной
техники
).
Далее
усложнить
структуру
таблицы
путем
введения
вложенности
(
например
,
внешняя
таблица
содержит
кате
-
гории
товара
и
гарантийные
сроки
,
внутренние
таблицы
–
товары
по
кате
-
гориям
и
цены
).
45
Список
литературы
1.
Миронов
Д
.
А
.
Создание
Web-
страниц
в
MS Office 2000 /
Д
.
А
.
Миронов
. –
СПб
. :
БХВ
-
Петербург
, 2002. – 320
с
.
2.
Калиновский
А
.
И
.
Юзабилити
:
как
сделать
сайт
удобным
/
А
.
И
.
Кали
-
новский
. –
Минск
:
Новое
знание
, 2005. – 220
с
.
3.
Круг
С
.
Веб
-
дизайн
:
книга
Стива
Круга
или
«
не
заставляйте
меня
ду
-
мать
!» /
С
.
Круг
. –
СПб
. :
Символ
-
Плюс
, 2005. – 200
с
.
4.
Кэмпбел
М
.
Строим
web-
сайты
/
М
.
Кэмпбел
. –
М
. :
ТРИУМФ
, 2006. –
480
с
.
5.
Петюшкин
А
.
В
. HTML.
Экспресс
-
курс
/
А
.
В
.
Петюшкин
. –
СПб
. :
БХВ
-
Петербург
, 2003. – 256
с
.
6.
Шапошников
И
.
С
. Web-
сайт
своими
руками
/
И
.
С
.
Шапошников
. –
СПб
. :
БХВ
-
Петербург
, 2001. – 224
с
.
7.
Шапошников
И
.
С
.
Самоучитель
HTML 4 /
И
.
С
.
Шапошников
. –
СПб
. :
БХВ
-
Петербург
, 2000. – 288
с
.