КАТЕГОРИИ:
Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)
Размещение данных внутри ячеек
|
|
|
|
При помощи атрибутов 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
Подобрать и оформить сообщение на тему: «Альтернатива табличному представлению».
Тема: Создание сложных таблиц и их форматирование
План:
1. Создание сложных таблиц.
1. Создание сложных таблиц.
Вид таблиц можно разнообразить, используя другие возможности уже известных вам атрибутов, а также некоторые дополнительные атрибуты.
Таблицы c рамками и без рамок.
За наличие и вид рамки таблицы отвечает атрибут BORDER тэга <TABLE>. При отсутствии атрибута BORDER рамка не прорисовывается. Однако, как показывает жизненный опыт, данные в таблице воспринимаются легче, если каждая ячейка имеет рамку.
|
|
|
В HTML таблицы применяются не только для представления табулированных данных. Они дают возможность гибкого группирования и форматирования информации.
|
|
|
|
|
Дата добавления: 2014-12-23; Просмотров: 372; Нарушение авторских прав?; Мы поможем в написании вашей работы!