Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Практикум ПО КС.doc
Скачиваний:
5
Добавлен:
09.11.2019
Размер:
427.52 Кб
Скачать

Нумерованный список

Нумерованные списки представляют собой набор элементов с их порядковыми номерами. Вид и тип нумерации зависит от параметров тега <OL>, который и применяется для создания списка. В качестве нумерующих элементов могут выступать следующие значения:

  • арабские цифры (1, 2, 3, ...);

  • прописные латинские буквы (A, B, C, ...);

  • строчные латинские буквы (a, b, c, ...);

  • римские цифры в верхнем регистре (I, II, III, ...);

  • римские цифры в нижнем регистре (i, ii, iii, ...).

Для указания типа нумерованного списка применяется параметр type тега <OL>. Его возможные значения приведены в табл. 2.

Табл. 2. Типы нумерованного списка

Тип списка

Код HTML

Пример

Нумерованный список с арабскими цифрами

<ol type="1"> <li>...</li> </ol>

1. Чебурашка 2. Крокодил Гена 3. Шапокляк

Нумерованный список с прописными буквами латинского алфавита

<ol type="A"> <li>...</li> </ol>

A. Чебурашка B. Крокодил Гена C. Шапокляк

Нумерованный список со строчными буквами латинского алфавита

<ol type="a"> <li>...</li> </ol>

a. Чебурашка b. Крокодил Гена c. Шапокляк

Нумерованный список с римскими цифрами в верхнем регистре

<ol type="I"> <li>...</li> </ol>

I. Чебурашка II. Крокодил Гена III. Шапокляк

Нумерованный список с римскими цифрами в нижнем регистре

<ol type="i"> <li>...</li> </ol>

i. Чебурашка ii. Крокодил Гена iii. Шапокляк

В примере 2 показано создание списка с использованием римских цифр в верхнем регистре.

Пример 2. Создание нумерованного списка <html> <head> </head> <body> <ol type="I"> <li>input hardware</li> <li>processing hardware</li> <li>storage hardware</li> <li>output hardware</li> </ol> </body> </html>

Результат примера показан ниже.

  1. input hardware

  2. processing hardware

  3. storage hardware

  4. output hardware

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

Список определений состоит из двух элементов — термина и его определения. Сам список задается с помощью контейнера <DL>, термин — тегом <DT>, а его определение — с помощью тега <DD>. Вложение тегов для создания списка определений продемонстрировано в примере 3.

Пример 3. Общая структура списка определений

<dl> <dt>Термин 1</dt> <dd>Определение 1</dd> <dt>Термин 2</dt> <dd>Определение 2</dd> </dl>

Список определений хорошо подходит для расшифровки терминов, создания, словаря, справочника и т.д. В примере 4 показано одно из возможных использований этого вида списка.

Пример 4. Создание списка определений <html> <head> </head> <body> <dl> <dt>Тег</dt> <dd>Тег - это специальный символ разметки, который применяется для вставки различных элементов на веб-страницу таких как: рисунки, таблицы, ссылки и др. и для изменения их вида.</dd> <dt>HTML-документ</dt> <dd>Обычный текстовый файл, который может содержать в себе текст, теги и стили. Изображения и другие объекты хранятся отдельно. Содержимое такого файла обычно называется HTML-код.</dd> <dt>Сайт</dt> <dd>Cайт - это набор отдельных веб-страниц, которые связаны между собой ссылками и единым оформлением.</dd> </dl> </body> </html>

Результат примера показан ниже.

Тег

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

HTML-документ

Обычный текстовый файл, который может содержать в себе текст, теги и стили. Изображения и другие объекты хранятся отдельно. Содержимое такого файла обычно называется HTML-код.

Сайт

Cайт - это набор отдельных веб-страниц, которые связаны между собой ссылками и единым оформлением.

Список определений, как и другие списки, характеризуется наличием отступов сверху и снизу.

Таблицы

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