• Value - изменяет порядок нумерации элементов списка. Используется, только если тэг li находится внутри элемента ol. В качестве значения указывается порядковый номер элемента.

Тэг DL

Открывает и закрывает список определений (терминов и их описаний). Определения задаются с помощью тэгов DT и DD.

Атрибуты тэга DL:

COMPACT - включает режим "компактного" отображения списка. Удобно использовать, если список определений очень велик. Данный параметр является флагом и не требует присвоения значения.

Тэг DT

Создает термин в списке определений внутри тэга DL.

Тэг DD

Создает определение термина внутри тэга DL.

Примеры

Пример 1: Неупорядоченный список

<UL>

<LI>Монитор

<LI>Клавиатура

<LI>Мышка

</UL>

Получим:

• Монитор

• Клавиатура

• Мышка

Пример 2: Упорядоченный список

<OL>

<LI>Красный

<LI>Синий

<LI VALUE=5>Зеленый

<LI>Желтый

</OL>

Получим:

1. Красный

2. Синий

5. Зеленый

6. Желтый

Пример 2: Список определений

<DL>

<DT>Маяк

<DD>Башня с сигнальными огнями на берегу моря, на острове для

указания пути судам.

<DT>Портрет

<DD>Изображение определенного человека или группы людей в

живописи, скульптуре, графики или фотографии.

<DT>Гостиная

<DD>Комната для приема гостей.

</DL>

Получим:

Маяк

Башня с сигнальными огнями на берегу моря, на острове для указания пути судам.

Портрет

Изображение определенного человека или группы людей в живописи, скульптуре,

графики или фотографии.

Гостиная

Комната для приема гостей.

Вопросы к теме

• Какие виды списков можно создать с помощью HTML?

• Сколько всего тэгов используются в HTML для создания списков?

Практическое задание

Создайте список следующего вида:

1. Автомобили

   1. ВАЗ

      • Красный

      • Синий

      • Бежевый

   2. УАЗ

      • Черный

      • Белый

   3. КАМАЗ

      • Красный

   4. Ferrari

      • Красный

      • Черный

   5. BMW

      • Черный

      • Синий

2. Книги

16. Пушкин A.C.

    1. Капитанская дочка

    2. Дубровский

20. Толстой Л.Н.

    1. Война и мир

    2. После бала

Мечта

То, что создано воображением, фантазией, мысленно представляемое.

Рукопись

Подлинник или копия текста, написанные от руки или переписанные на пишущей машинке.

Приказ

Официальное распоряжение органа власти, руководителя учреждения, организации и т.п.

Лекция №6 (2 часа)

Тема: Таблицы

• О таблицах в HTML

• Тэг TABLE

• Тэг TR

• Тэг TD

• Тэг CAPTION

• Примеры таблиц

• Вопросы к теме

• Практическое задание

Таблица в обыденном, привычном понимании этого слова — это сводка текстовых или числовых данных, приведенных в систему и расположенных строкам, столбцам или ячейкам.

Язык HTML — это инструмент логической разметки, большая часть его изобразительных средств не связана с координатными системами и не обращается к абсолютным единицам измерения. Многие задачи точного позиционирования объектов и планировки страницы, требующие привязки и абсолютной системе координат, сохранения размеров и пропорций, не имеют простого решения на уровне чистого HTML. Для этого разработчикам приходилось прибегать к разнообразным ухищрениям и уловкам.

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

Таблицы — готовые формы для хранения текстовой и графической информации. Самая простая таблица, состоящая из одной ячейки со вложенным рисунком, — это еще один способ взаимной координации текста и изображений. С задачей объединения рисунков и подрисуночных надписей прекрасно справится таблица из двух ячеек, расположенных по вертикали. Два столбца без разбиения на строки — это хороший способ поделить страницу на колонки. Если добавить к этому объекту разбивку на строки, получим удобную форму для хранения неупорядоченного списка со специальными графическими маркерами. Таблицам трудно подобрать равноценную замену при создании алфавитных указателей, индексов, глоссариев и пр.

На рисунке показана возможная планировка, с помощью таблиц, заглавной страницы гипотетического корпоративного сайта.

Логотип

Баннер

Кнопки навигации

Кнопка 1

Кнопка 2

Кнопка 3

Кнопка 4

Информационное поле

Дата обновления

E-mail

Почтовый адрес

Счетчик

Рис 1. Возможная планировка страниц сайта с помощью таблиц

Тэг TABLE

Обязательно должен иметь начальный и конечный тэги. По умолчанию таблица печатается без рамки, а разметка осуществляется автоматически в зависимости от объема содержащейся в ней информации. Ячейки внутри таблицы создаются с помощью тэгов TR, TD, TH и CAPTION.

Атрибуты тэга TABLE:

• ALIGN - определяет способ горизонтального выравнивания таблицы. Возможные значения:

• left

• center

• right

Значение по умолчанию - left.