Разработка web сайта на основе HTML с использованием JavaScript
Дипломная работа - Компьютеры, программирование
Другие дипломы по предмету Компьютеры, программирование
В° -->
(1,1)
(1,2)
(2,1)
(2,2)
(3,1)
(3,2)
Атрибуты команды TABLE
АтрибутЗначениеОписаниеalignleft, rightВыравнивание по горизонталиwidthчисло или процентШирина таблицыcellpaddingчислоРасстояние между содержимым ячейки и рамкойcellspacingчислоРасстояние между ячейками таблицыbgcolorцветЦвет фона таблицыbackgroundфайлФоновая картинкаborderчислоШирина линий рамкиbordercolorцветЦвет линий рамкиbordercolordarkцветЦвет рамки (снизу и справа)bordercolorlightцветСветлый цвет рамки (сверху и слева)В приведенных ниже испытателях приводится более подробное описание действий атрибутов, а главное, на стендах можно пощелкать переключателями, подергать за "веревочки" и сразу увидеть, что из этого получилось.
Атрибуты команды TR
HTML-таблица состоит из строк, каждая из которых задается командой
Варьируя атрибутами команды TR, можно установить те или иные свойства одновременно для всех ячеек строки.
АтрибутЗначенияОписаниеalignleft, center, rightВыравнивание по горизонталиvaligntop, center,bottom, baselineВыравнивание по вертикалиbgcolorцветЦвет фонаbordercolorцветЦвет линий рамкиbordercolordarkцветЦвет рамки (снизу и справа)bordercolorlightцветСветлый цвет рамки (сверху и слева)
Атрибуты команды TD (TH)
Каждая табличная строка состоит из ячеек, которые последовательно описываются командами TD (обычная ячейка) и (или) TH (ячейка-заголовок):
Содержимое обычной ячейки по умолчанию горизонтально выравнивается по левому краю, а ячейки-заголовка -- по центру. Кроме того, текст в ячейке-заголовке выделяется полужирным шрифтом.
Команды TD и TH имеют следующие атрибуты:
АтрибутЗначенияОписаниеalignleft, center, rightВыравнивание по горизонталиvaligntop, center, bottom, baselineВыравнивание по вертикалиwidthчисло или процентШирина ячейкиbgcolorцветЦвет фонаbackgroundфайлФоновая картинкаbordercolorцветЦвет линий рамкиbordercolordarkцветЦвет рамки (снизу и справа)bordercolorlightцветСветлый цвет рамки (сверху и слева)nowrapВыключение автоматического разрыва строкcolspanчислоШирина большой ячейки (в столбцах)rowspanчислоВысота большой ячейки (в строках)
Многоликие таблицы
Как уже говорилось, использование таблиц в практике HTML-программирования очень неожиданное. Вероятно, авторы языка и не предполагали, что таблицы будут использоваться проектировщиками гипертекстовых страниц как элемент дизайна.
Страничные отступы
В обычных книгах текст не начинается с самого края -- страничные поля выделяют информационные блоки и, следовательно, помогают глазам более комфортно воспринимать материал.
В гипертекстовом документе можно создать поля, если размещать информацию внутри таблицы, состоящей всего из одной клетки с невидимыми границами. При изменении значения атрибута cellpadding, меняется ширина полей.
Обычное размещениеРазмещение в таблицеМалютку сына - баю-бай! -
Прижми покрепче к сердцу
И никогда не забывай
Задать ребенку перцу!
"Алиса в стране Чудес" Малютку сына - баю-бай! -
Прижми покрепче к сердцу
И никогда не забывай
Задать ребенку перцу!
"Алиса в стране Чудес"
Можно задать поля и при помощи пустых столбцов:
Размещение в таблицеЗдесь border=1
Баюкай сына своего
Хорошею дубиной -
Увидишь, будет у него
Характер голубиный!
"Алиса в стране Чудес"
Баюкай сына своего
Хорошею дубиной -
Увидишь, будет у него
Характер голубиный!
"Алиса в стране Чудес"
Обычной практикой является комбинирование этих двух способов:
Размещение в таблицеЗдесь border=1
Баюкай сына своего
Хорошею дубиной -
Увидишь, будет у него
Характер голубиный!
"Алиса в стране Чудес"
Баюкай сына своего
Хорошею дубиной -
Увидишь, будет у него
Характер голубиный!
"Алиса в стране Чудес"
Один из примеров табличных отступов вы видите сейчас на экране. В качестве страничного фона использована картинка с вертикальной надписью "Robotland" по левому краю. Для того чтобы элементы страницы не налезали на этот "корешок", все они выводятся на экран внутри таблицы так, как это показано в следующем примере.
Крокодильчики мои
Цветики речные!
Что глядите на меня
Прямо как родные?
Это кем хрустите вы
В день веселый мая,
Средь нескушанной травы
Головой качая?
"Алиса в стране Чудес"
Замечание
Не рекомендуется моделировать страничный отступ при помощи таблиц для больших документов. Во-первых, прорисовка документа, "погруженного" в таблицу начинается только после его полной загрузки. Пауза перед чистым экраном действует на пользователя самым отрицательным образом. Во-вторых, браузеры Netscape на таких табличных страницах "теряют ориентацию" при возврате из гиперссылки. Пользователь щелкает на ссылке, браузер показывает новый документ, а точность возврата к старому ме