АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомДругоеЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция

Размещение данных внутри ячеек

Читайте также:
  1. III. Смешанное (квартирно-бивачное) размещение
  2. IV. размещение в оборонительных (фортификационных) сооружениях
  3. Абстрактные структуры данных
  4. Автоматизированная система обработки данных правовой статистики
  5. Авторское право - правовое положение авторов и созданных их творческим трудом произведений литературы, науки и искусства.
  6. Алгоритм шифрования данных IDEA
  7. Американский стандарт шифрования данных DES
  8. Анализ данных при исследовании систем управления
  9. Анализ матричных данных (матрица приоритетов)
  10. Аппаратура линии связи: аппаратура передачи данных, оконечное оборудование, промежуточная аппаратура.
  11. Архитектура, управляемая событиями. Типы данных Win32. Оконная процедура (функция). Оконный класс.
  12. Атрибуты (элементы данных).

При помощи атрибутов 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 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 |

Поиск по сайту:



Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Студалл.Орг (0.003 сек.)