Список определений

Меню.

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

Как и предыдущие типы списков, список-меню автоматически отделяется от остального текста кодами перевода строки и может включать другие элементы HTML. Как правило, пункты меню являются указателями ссылок на части того же документа, на другой документ, либо на другие ресурсы Internet.

Список типа <DIR>.

Элемент DIR весьма похож на элемент MENU и служит для идентификации определенной части документа, которая в будущих версиях языка, возможно, получит новые полезные функции. Список контейнера, начинающегося тэгом <DIR>, выводится браузерами аналогично неупорядоченным спискам.

Длина каждого пункта этого типа списков должна быть ограничена 24 символами. Сам список должен выводиться подобно выводу списка каталогов в операционных системах UNIX или DOS при использовании параметра /W. В настоящее время программы просмотра не выполняют это требование. Элемент DIR может включать другие элементы HTML, которые современные браузеры интерпретируют правильно. Список требует закрывающего тэга </DIR>.

Списки определений, также называемые словарями специальных терминов (глоссариями), являются особым видом списков HTML. Они представляют текст в форме словарной статьи, состоящей из определяемого термина и абзаца, раскрывающего его значение. Такой список удобен для составления каталога или описания функций подразделений организации. Элемент списка определений DL является контейнером и обеспечивает отделение списка от остального текста пустыми строками. Внутри контейнера тэгом <DT> помечается определяемый термин, а тэгом <DD> – абзац с его определением. Тэги <DT> и <DD> не являются контейнерами и поэтому не имеют закрывающих тэгов. Базовый шаблон списка определений выглядит следующим образом:

<DL>

<DT>Термин

<DD>Определение термина

<DL>

Текст после тэга <DT> должен помещаться в одной строке. Если это требование не выполнено или если строка выходит за пределы окна браузера, производится перевод строки, но без отступа. Текст, стоящий за тэгом <DD>, выводится отдельным абзацем с отступом вниз на одну или две строки (зависит от типа программы просмотра) относительно определяемого термина.

В HTML 3.2. введен новый важный атрибут тэга <DL> – COMPACT. С его помощью список определений можно выводить в более компактном виде, например, шрифтом меньшего размера. Использование этого атрибута может быть полезно для размещения списка определений в любом другом типе списков. Большинство браузеров, однако, пока игнорируют этот атрибут и используют шрифт обычного размера.

Списки определений могут включать другие элементы HTML. Часто применяются элементы стилей (физические и логические). Напротив, элементы заголовков использовать не рекомендуется из-за принудительного перевода строки.

Контрольные вопросы:

1. Что такое списки?

2. Какие виды списков можно запрограммировать в HTML-документе?

3. Каким образом на странице можно сформировать нумерованный список?

4. Перечислите атрибуты тэга <OL>.

5. Каким образом на странице сформировать нумерованный список?

6. Какие значения допускает атрибут TYPE?

7. Перечислите смешанные списки?

8. Для чего используют список определений?

Домашнее задание:

[8], с. 135-139

Из ранее подобранного материала по теме КПР, выбрать информацию, которую представить в виде маркированных, нумерованных и смешанных списков

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

План:

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> сигнализирует о начале новой строки, пустые ячейки будут добавлены браузером автоматически.

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

Дата добавления: 2014-12-23