68334

Язык разметки HTML. Списки

Доклад

Информатика, кибернетика и программирование

Примечание: при создании компактного списка, в некоторых случаях, уже нельзя определить тип используемого маркера для всего списка, но возможно для каждого элемента списка (для браузеров Internet Explorer). А браузер Netscape 6, почему то вообще не поддерживает компактных списков.

Русский

2014-09-21

29 KB

0 чел.

«Язык разметки HTML»

Списки

В языке HTML возможно создание списков: ненумерованных (маркированных), нумерованных, вложенных и списков определений, которые организуются нижеследующим образом.

Ненумерованные (маркированные) списки: 

<ul><li> элемент списка - 1 </li><li> элемент списка - 2 </li><li> элемент списка - 3 </li><li> элемент списка - 4 </li></ul>

Возможные атрибуты тега <ul>:

compact - уменьшает абзацный отступ элементов списка (компактный список)

type - определяет тип используемого маркера:

disc - маркер в виде заполненной цветом окружности (по умолчанию)

square - маркер в виде заполненного цветом квадратика

circle - маркер в виде полой окружности

Помещая атрибут type в теге <ul>, вы определяете тип маркера для всех элементов списка. Также возможно определение конкретного маркера для определенного элемента списка, в этом случае атрибут type должен находится в теге <li>.

Примечание: при создании компактного списка, в некоторых случаях, уже нельзя определить тип используемого маркера для всего списка, но возможно для каждого элемента списка (для браузеров Internet Explorer). А браузер Netscape 6, почему то вообще не поддерживает компактных списков.

Пример маркированного списка:

<ul="compact" type="disc">

<li> яблоки </li>

<li> груши </li>

<li> апельсины </li>

<li type="square"> сливы </li>

</ul>

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

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

<ol><li> элемент списка - 1 </li><li> элемент списка - 2 </li><li> элемент списка - 3 </li><li> элемент списка - 4 </li></ol>

Возможные атрибуты тега <ol>:

type - определяет тип нумерации:

1 - обычные арабские числа 1, 2, 3 и т. д. (по умолчанию);

I - римские заглавные цифры I, II, III, IV и т. д..;

i - римские строчные цифры i, ii, iii и т. д.

A - латинские заглавные буквы A, B, C и т. д.

a - латинские строчные буквы a, b, c и т. д.

start - позволяет задать значение, с которого следует начать нумерацию.

Примечание: довольно интересен атрибут start: какой бы тип нумерации не был выбран, значение, с которого следует начать нумерацию определяется арабской цифрой. Например, если type имеет значение "A" (выбран тип нумерации: латинские заглавные буквы), а нумерацию необходимо начать с "D", то значение атрибута start равно 4 (start="4"), потому что "D" - четвертая буква латинского алфавита.

Примечание: возможно создание, как маркированного списка внутри нумерованного, так и нумерованного списка внутри маркированного. Это реализуется путем вложения тегов, отвечающих за соответствующие списки.


 

А также другие работы, которые могут Вас заинтересовать

57311. Единая государственная система предупреждения и ликвидации ЧС (РСЧС) 232 KB
  Во исполнение указанного закона Постановлением Правительства РФ № 794 от 30.12.2003 г. было утверждено новое Положение о единой государственной системе предупреждения и ликвидации ЧС. Единая государственная система предупреждения и ликвидации чрезвычайных ситуаций (РСЧС) создана с целью прогнозирования, предотвращения и ликвидации...
57313. О рынке и конкуренции. Проблема обмена двух товаров друг на друга 38 KB
  Мы определим общественное богатство как совокупность материальных и нематериальных вещей которые имеют стоимость и могут обмениваться и покажем что все имеющие стоимость и способные к обмену вещи и только они являются одновременно полезными и количественно ограниченными.
57314. Режим дня. Признаки утомления. Учимся и отды 37 KB
  Цель: формировать понятие о режиме дня; показать влияние систематического соблюдения режима дня правильного распределения времени на здоровье человека; развивать память мышление желание быть здоровым; воспитывать бережное отношение к своему здоровью.
57317. Рабочий стол. Курсор. Операция изменения размеров 978.5 KB
  Взаимодействие пользователя с программами и устройствами компьютера осуществляется с помощью мыши. Образом мыши на экране является указатель мыши чаще всего имеющий форму стрелки. Движение указателя по экрану соответствует движению мыши по коврику.
57319. Вимірювання структурних властивостей. Створення 2D ескізу 1.32 MB
  Урок 5 описує вимірювання структурних властивостей з використанням різних методів вибору. Вибираючи різні частини молекули або молекулярної структури, ви можете виміряти довжини звязків та кути, а також відобразити атомні характеристики, такі як заряди та X, Y, і Z координати.