 |
АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомДругоеЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция
Размещение данных внутри ячеек
При помощи атрибутов ALIGN и VALIGN можно по-разному размещать данные относительно границ ячейки. Эти атрибуты используются совместно с элементами <CAPTION>, <TR>, <TH> и <TD> в самых различных комбинациях. Ниже приведены значения атрибутов для перечисленных элементов:
| <CAPTION> | Атрибут ALIGN может иметь значения TOP и BOTTOM (по умолчанию – TOP); размещает заголовок таблицы сверху или снизу. |
| <TR> | Атрибут ALIGN может принимать значения LEFT, CENTER и RIGHT (по умолчанию – LEFT для данных и CENTER для заголовков); он определяет горизонтальное выравнивание данных в ячейках и действует на всю строку, если не отменяется тем же атрибутом в отдельной ячейке. Атрибут VALIGN может иметь значения ТОР, BOTTOM, MIDDLE и BASELINE (по умолчанию – MIDDLE); он регулирует положение данных относительно верхней и нижней границ ячейки и влияет на всю строку, если не отменяется таким же атрибутом в отдельной ячейке. BASELINE применяется ко всем элементам строки и выравнивает их по базовой линии. |
| <TH> | Атрибут ALIGN может принимать значения LEFT, CENTER и RIGHT (по умолчанию – CENTER). Атрибут VALIGN может иметь значения ТОР, BOTTOM и MIDDLE (по умолчанию – MIDDLE). |
| <TD> | Атрибут ALIGN может принимать значения LEF'I, CENTER и RIGHT (по умолчанию – LEFT). Атрибуту VALIGN может иметь значения ТОР, ВОТТОМ и MIDDLE (по умолчанию – MIDDLE). |
Например:
Для задания названия таблицы используется тэг <CAPTION> с атрибутом выравнивания ALIGN, который может принимать значения ТОР или BOTTOM (расположение названия вверху или внизу таблицы соответственно), например: <CAPTION ALIGN=TOP> Моя таблица </CAPTION> Каждый ряд ячеек начинается с тэга <TR> и заканчивается тэгом </TR>.
Примечание:
Опыт показывает, что при разработке таблицы бывает полезно сначала изобразить ее на бумаге.
Рассмотрим пример описания простой таблицы, встроенной в некоторый текст. Обратите внимание на порядок заполнения ячеек таблицы. Сначала определяется строка заголовков столбцов таблицы, затем аналогичным образом создаются строки данных, путем указания того, какие данные должны располагаться в ячейках таблицы. Строка заголовков столбцов задается так же, как и строка данных. Отличие состоит лишь в том, что при создании строки заголовков внутри тэга <TR> используется тэг <ТН>, а при создании строки данных - тэг <TD>.
< HTML>
<HEAD><TITLE>Таблицы</TITLE></HEAD>
<BODY>
<Н2>Основные элементы таблиц</Н2>
<Р>Ниже приведен пример простой таблицы</Р>
<TABLE BORDER>
<CAPTION ALIGN=TOP>Список сотрудников</CAPTION>
<TR>
<ТН>Имя</ТН> <ТН>Должность</ТН> <ТН>Оклад</ТН>
</TR>
<TR>
<TD>Иван</TD><TD>Директор</TD><TD>1000</TD>
</TR>
<TR>
<TD>Петр</TD><TD>Бухгалтер</TD><TD>800</TD>
<TR>
<TD>Федор</TD><TD>Рабочий </TD><TD>50</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Контрольные вопросы:
1. Укажите назначение таблиц в HTML-документе?
2. Назовите основные элементы таблицы?
3. Перечислите основные тэги таблиц и охарактеризуйте их?
4. Как можно создать пустую ячейку в таблице?
5. Каким образом осуществляется размещение данных внутри ячеек?
6. Охарактеризуйте атрибуты элементов <CAPTION>, <TR>, <TH> и <TD>?
Домашнее задание:
[10], с. 269-275
Подобрать и оформить сообщение на тему: «Альтернатива табличному представлению».
Поиск по сайту: