ВУЗ: Не указан
Категория: Не указан
Дисциплина: Не указана
Добавлен: 06.04.2021
Просмотров: 433
Скачиваний: 1
21
<TABLE BORDER="2" CELLSPACING="2">
<TR>
<
Т
D>
Ячейка
1</TD>
<
Т
D>
Ячейка
2</TD>
</TR>
</TABLE>
Расстояние
между
соседними
ячейками
(
как
по
вертикали
,
так
и
по
го
-
ризонтали
)
всегда
будет
одинаково
,
т
.
к
. HTML
не
позволяет
назначать
разные
значения
в
пределах
данного
параметра
.
Параметр
CELLPADDING
Для
создания
и
регулирования
отступа
между
рамкой
ячейки
и
ее
со
-
держимым
(
по
вертикали
и
горизонтали
)
используется
параметр
CELLPADDING
.
Форма
указания
значения
аналогична
параметру
CELLSPACING
и
так
-
же
не
может
быть
пропущена
.
<TABLE BORDER="2" CELLSPACING="2" CELLPADDING="7">
<TR>
<
Т
D>
Ячейка
<
Т
D>
Ячейка
2</TD>
</TR>
</TABLE>
При
значении
параметра
CELLPADDING
,
равном
нулю
,
содержимое
ячейки
будет
вплотную
прижато
к
рамке
таблицы
,
что
ухудшит
воспри
-
ятие
информации
(
это
утверждение
еще
более
актуально
для
таблиц
с
про
-
зрачной
рамкой
,
т
.
е
.
значением
BORDER="0",
–
в
этом
случае
текст
со
-
седних
ячеек
сольется
друг
с
другом
).
Отступ
между
рамкой
ячейки
и
ее
содержимым
(
как
по
вертикали
,
так
и
по
горизонтали
)
всегда
будет
одинакового
размера
(
как
и
в
случае
с
пара
-
метром
CELLSPACING
),
т
.
к
. HTML
не
позволяет
назначать
разные
значе
-
ния
в
пределах
данного
параметра
.
Параметр
ALIGN
Данный
параметр
устанавливает
тип
выравнивания
всей
таблицы
отно
-
сительно
ширины
HTML-
документа
.
Существует
три
возможных
значения
параметра
ALIGN
:
●
ALIGN="left"
–
выравнивание
таблицы
по
левому
краю
документа
.
Значение
принято
по
умолчанию
и
в
случае
отсутствия
параметра
ALIGN
таблице
будет
присвоено
именно
это
значение
;
●
ALIGN="right"
–
выравнивание
таблицы
по
правой
границе
доку
-
мента
;
●
ALIGN="center"
–
центрирование
таблицы
относительно
ширины
документа
.
22
В
некоторых
учебниках
и
руководствах
по
языку
разметки
HTML
утверждается
,
что
выравнивание
таблицы
по
центру
не
поддерживается
наиболее
популярными
браузерами
.
На
самом
деле
это
неверно
–
все
три
наиболее
распространенных
браузера
(Internet Explorer, Mozilla Firefox
и
Opera)
поддерживают
центрирование
таблицы
по
горизонтали
.
Пример
выравнивания
таблицы
по
центру
приведен
в
листинге
2.2 (
рис
. 12
демон
-
стрирует
выравнивание
браузером
Internet Explorer,
рис
. 13
браузером
Mozilla Firefox,
рис
. 14 –
браузером
Opera).
Как
видно
из
рисунков
12–14,
отступы
между
таблицей
и
границами
документа
во
всех
трех
случаях
равны
,
что
подтверждает
справедливость
высказывания
относительно
поддержки
выравнивания
таблицы
по
центру
наиболее
распространенными
браузерами
(
при
сравнении
отступов
не
сле
-
дует
принимать
во
внимание
отступ
,
оставленный
Internet Explorer
для
воз
-
можной
полосы
прокрутки
).
Листинг
2.2.
Пример
выравнивания
таблицы
по
центру
<HTML>
<HEAD>
<TITLE>
Пример
выравнивания
таблицы
по
центру
</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="#00FF00"
ALINK="#00FF00" VLINK="blue" LEFTMARGIN="40"
RIGHTMARGIN="40" MARGINWIDTH="40">
<TABLE ALIGN="center" BORDER="2"
CELLSPACING="2" CELLPADDING="7">
<TR>
<
ТН
>
Состав
персонального
компьютера
</
ТН
>
<TD>
<FONT FACE="Tahoma">
B
состав
персонального
компьютера
входят
c
ледующие
компоненты
:
</FONT>
<UL TYPE="disc">
<LI>
Системный
блок
<LI>
Монитор
<LI>
Клавиатура
<LI>
Мышь
</UL>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
23
Рис
. 12.
Пример
выравнивания
таблицы
по
центру
(Internet Explorer
)
Рис
. 13.
Пример
выравнивания
таблицы
по
центру
(Mozilla Firefox)
Рис
. 14.
Пример
выравнивания
таблицы
по
центру
(Opera)
24
Помимо
функции
выравнивания
таблицы
по
горизонтали
документа
,
параметр
ALIGN
позволяет
получать
эффект
«
обтекания
»
таблицы
текстом
(
рис
. 15).
Рис
. 15.
Пример
эффекта
«
обтекания
»
таблицы
текстом
Для
получения
такого
эффекта
нужно
выбрать
тип
выравнивания
таб
-
лицы
(
в
данном
случае
,
кроме
центрирования
),
назначить
ширину
таблицы
менее
100 %
или
зафиксировать
ее
(
подробнее
об
изменении
параметра
ширины
таблицы
будет
рассказано
чуть
позже
).
Текст
,
который
должен
огибать
таблицу
,
размещается
сразу
же
после
закрывающего
тега
</TABLE>
.
Параметры
WIDTH
и
HEIGHT
Параметры
WIDTH
и
HEIGHT
отвечают
соответственно
за
ширину
и
высоту
таблицы
.
Значение
этих
параметров
может
быть
указано
в
процен
-
тах
или
пикселах
:
<TABLE WIDTH="500" HEIGHT="50%">
В
случае
указания
ширины
или
высоты
в
пикселах
таблица
будет
иметь
фиксированные
размеры
.
Такая
таблица
при
изменении
размеров
окна
браузера
останется
неизменной
.
При
использовании
в
качестве
единицы
измерения
процентов
ширина
/
высота
таблицы
будет
варьироваться
в
зави
-
симости
от
размеров
окна
браузера
.
В
этом
случае
размер
ячеек
таблицы
будет
уменьшаться
/
увеличиваться
пропорционально
заявленному
значе
-
нию
в
процентах
.
Содержимое
таблицы
будет
перемещаться
в
окне
брау
-
зера
соответственно
изменению
его
размеров
.
Например
,
при
уменьшении
окна
браузера
текст
,
размещенный
в
ячейке
,
может
быть
перенесен
на
дру
-
гую
строку
,
растянут
или
,
наоборот
,
сжат
(
при
выравнивании
текста
по
ширине
:
ALIGN="justify"
).
Параметры
тега
<TABLE>
перечислены
в
табл
. 2.1.
25
Т а б л и ц а
2 . 1
Параметры
тега
<TABLE>
Параметр
Функция
BORDER
Создание
рамки
вокруг
таблицы
BORDERCOLOR
Определение
цвета
рамки
вокруг
таблицы
CELLSPACING
Указание
расстояния
между
соседними
ячейками
CELLPADDING
Создание
отступа
от
границы
ячейки
до
ее
содержи
-
мого
ALIGN
Указание
типа
выравнивания
таблицы
по
ширине
окна
браузера
WIDTH
Определение
ширины
таблицы
HEIGHT
Определение
высоты
таблицы
2.4.
Параметры
тегов
<TR>
,
<TD>
и
<
ТН
>
Теги
<TR>
,
<TD>
и
<TH>
составляют
внутреннюю
структуру
таблицы
и
могут
содержать
набор
определенных
параметров
.
Прежде
чем
перейти
к
рассмотрению
этих
параметров
,
следует
сказать
,
что
внутри
тега
указания
ряда
таблицы
<TR>
не
может
располагаться
текст
,
списки
,
графические
изображения
и
прочие
HTML-
элементы
и
теги
.
Форматирование
любых
типов
и
указание
других
тегов
может
быть
только
в
пределах
тегов
<TD>
и
<
TH
>,
определяющих
содержимое
табличных
ячеек
.
Параметры
ALIGN
и
VALIGN
Параметр
ALIGN
предназначен
для
указания
типа
выравнивания
со
-
держимого
ячеек
.
Если
в
случае
использования
этого
параметра
в
теге
<TABLE>
вся
таблица
выравнивается
определенным
образом
,
то
в
данном
случае
назначается
тип
выравнивания
для
конкретной
ячейки
или
ряда
таблицы
.
Если
необходимо
,
чтобы
каждая
ячейка
содержала
разные
типы
выравнивания
,
придется
указывать
соответствующее
значение
параметра
ALIGN
в
каждом
теге
<TD>
или
<TH>
.
Если
требуется
задать
один
тип
вы
-
равнивания
для
всего
ряда
(
включающего
все
ячейки
),
значение
параметра
ALIGN
прописывается
в
теге
<TR>
.
Возможными
значениями
параметра
ALIGN
являются
ALIGN="left"
,
ALIGN="right"
и
ALIGN="center"
.
При
этом
для
<TD>
значением
по
умолчанию
считается
выравнивание
по
левому
краю
ячейки
,
для
<TH>
–
выравнивание
по
центру
.
Параметр
VALIGN
также
определяет
тип
выравнивания
содержимого
яче
-
ек
таблицы
,
но
по
вертикали
.
Он
может
принимать
следующие
значения
:
●
VALIGN="middle"
–
выравнивание
по
середине
ячейки
(
значение
по
умолчанию
);
●
VALIGN="top"
–
выравнивание
по
верхнему
краю
ячейки
;