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

Тема: Проектирование таблиц. Работа со строками и столбцами

Читайте также:
  1. V. САМОСТОЯТЕЛЬНАЯ РАБОТА
  2. Window - работа с окнами.
  3. Аналитическая работа при выборе и обосновании стратегии развития предприятии
  4. Б) работа врачей поликлиники (амбулатории), диспансера, консультации
  5. Банковская система: понятие, типы, структура. Формирование и развитие банковской системы России
  6. В 72-х дневном цикле подвиг длится 8 суток, из которых 2 суток – голод, а 6 – очистительные процедуры и работа над собой. В 12-ти летнем цикле подвиг длится 1 год.
  7. В работах В. Джеймса
  8. В) профилактическая работа
  9. Виртуальная работа силы. Идеальные связи
  10. Власть и норма в работах Фуко
  11. Влияние на организм термически обработанной пищи
  12. Влияние работающего на точность изготовляемых деталей.

 

План:

1. Проектирование таблиц.

2. Работа со строками и столбцами.

 

1. Проектирование таблиц.

 

Для лучшего представления информации можно использовать таблицы.

В издательском деле таблицы являются одним из основных методов дизайна. Они представляют данные в виде удобных для восприятия колонок и строк и значительно упрощают анализ информации. С их помощью отделяют одну часть публикации от другой, улучшая структуризацию документа. Можно использовать таблицы просто в качестве способа форматирования текста, поскольку таблица в HTML-документе может не содержать всех или некоторых разграничительных линий. Заметим, что в большинстве случаев элементы текста позиционируются как табличные.

Таблица представляет собой особую часть документа HTML. Данные в ней организованы в виде прямоугольной сетки, которая состоит из вертикальных столбцов и горизонтальных рядов (строк). Каждая клетка таблицы называется ячейкой. Ячейки могут содержать текст, графику и даже другую таблицу.

Таблицы состоят из трех основных частей: названия таблицы, заголовков столбцов и ячеек. Таблица заполняется слева направо, ячейка за ячейкой, начиная с левого верхнего угла и заканчивая правым нижним углом. Каждая ячейка должна быть заполнена (а для создания пустых ячеек используются пробелы).

Идея использования таблиц в качестве способа позиционирования проста. Вы мысленно разбиваете окно на ячейки (клетки) и решаете, какой элемент страницы в какую клетку поместить, - это хороший способ обойти "естественное" расположение элементов друг за другом, которое осуществляет браузер по умолчанию.

Описание таблицы в документе HTML начинается с тэга <TABLE> и заканчивается тэгом </TABLE>.

Таблица строится по строкам: для обозначения строки используется контейнер TR, для обозначения заголовков столбцов (строк) – контейнер TH, а для данных в ячейках – контейнер TD. Заголовки выделяются полужирным шрифтом и центрируются в своих ячейках.

 

2. Работа со строками и столбцами.

 

Ниже приведен список основных тэгов таблиц:

 

 

<TABLE></TABLE> Контейнер таблицы.
<TR></TR> Контейнер строки таблицы. Допускается отсутствие закрывающего тэга.
<TD></TD> Контейнер ячейки таблицы. В ячейку можно включить другую таблицу. Закрывающий тэг может быть опущен.
<TH></TH> Контейнер заголовка, располагающегося обычно в первой строке, либо в первом столбце таблицы. Закрывающий тэг также необязателен.

 

В дополнение к этим тэгам используются следующие атрибуты, применение которых также показано на упомянутых рисунках:

Атрибут BORDER тэга <TABLE> Для определения рамки таблицы. Ширина рамки устанавливается в пикселах, например, BORDER=1. (Значение, равное нулю, означает отсутствие рамки.)
Атрибут ALIGN тэга <TABLE> Для выравнивания таблицы в окне браузера. Имеет значения LEFT, CFNTER и RIGHT (по умолчанию – LEFF).

Например:

Если вы хотите, чтобы таблица имела видимую рамку (границы), используйте атрибут BORDER, например:

<TABLE BORDER>

Атрибут BORDER может принимать аргумент (число), определяющий ширину рамки, например:

<TABLE BORDER=10>

 

Заголовки столбцов и строк выводятся полужирным шрифтом и располагаются по центру своей ячейки. Данные имеют обычный шрифт и выравниваются по левой стороне ячейки.

Примечание:

Если вы хотите разнообразить заголовки, возможно применение тэгов стилей, однако здесь нужна осторожность: например, браузер может вывести заголовок, который вы планировали сделать курсивом, не простым курсивом, а полужирным.

Наличие в ячейках данных необязательно. Создать пустую ячейку можно двумя способами: ничем не заполнять ее контейнер (<TD></TD>), либо заполнить ее специальным символом пустого пространства &nbsp; (<TD>&nbsp; </TD>). Как будет показано ниже в этой главе, разные браузеры по-разному трактуют эти варианты.

Нет надобности отдельно создавать пустые ячейки, если планируется, что все оставшиеся в строке ячейки не будут заполнены. Так как тэг <TR> сигнализирует о начале новой строки, пустые ячейки будут добавлены браузером автоматически.

Таблицы всегда должны быть прямоугольными. Другие формы не допускаются.


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.004 сек.)