Если у вас возникли сложности с курсовой, контрольной, дипломной, рефератом, отчетом по практике, научно-исследовательской и любой другой работой - мы готовы помочь.
Предоплата всего
Подписываем
Цель: научиться делать списки на web-странице. Применяя теги маркированных и нумерованных списков, оформлять предложенный текст.
Необходимые для работы теги
Замечание. Допускается вложение контейнеров списков всех типов друг в друга и пустые списки. Броузеры делают отступы вложенного списка относительно внешнего. В начале и в конце списка делается перевод строки.
Теги общие для всех типов списков (кроме определений):
<lh> - заголовок списка,
<li> - начало пункта списка.
Атрибут общий для всех типов списков:
compact - представить список в компактном виде (например, меньшим шрифтом).
<ol a >т</ol>
нумерованный список. Атрибуты:
start="" -устанавливает начальный номер в текущем списке,
type="" -устанавливает тип маркера. Значения:
A - маркер в виде прописных букв,
a - маркер в виде строчных букв,
I - маркер в виде больших римских цифр,
i - маркер в виде маленьких римских цифр,
1 - маркер в виде арабских цифр.
<ul a >т</ul>
маркированный список. Атрибут:
type="" - устанавливает тип маркера.
Вид маркеров в каждом броузере свой для разных значений: disc, square, circle.
<menu a >т</menu>
маркированный список.
<dir a >т</dir>
маркированный список.
<dl a >т</dl>
список определений. Теги пункта определения:
<dt> - определяемый термин не более строки,
<dd> - обзац определения термина.
Оба тега определения могут также использоваться отдельно для создания ненумерованных и немаркированных списков.
Примеры использования списков.
Текст один
Текст другой
Текст сякой
Текст эдакий
Скорее всего, вы с этим сталкивались. Все это удобно в определенных ситуациях, например, в оглавлениях. Приведенный выше список реализовывается так:
<li>Текст один</li>
<li>Текст другой</li>
<li>Текст сякой</li>
<li>Текст эдакий</li>
Возникает вопрос: можно ли помимо закрашенного кружочка написать еще что-нибудь подобное?
По умолчанию - (1)
Полый кружок - (2)
Не будь таким квадратным - (3)
У тэга <li> есть параметр type:
В случае (1) - <li type="disk">,
в случае (2) - <li type="circle">,
в случае (3) - <li type="square">.
Это один из вариантов. Если вы пользовались текстовыми редакторами (допустим Word), то знаете, что такое Табуляция (это когда вы жмете на кнопочку Tab и весь текст сдвигается вправо). Похожая функция есть и в HTML:
<ul>Ваш текст</ul>
Чтобы отступ (табуляция) был больше надо вкладывать тэг <ul> в самого себя:
<ul><ul>Два отступа</ul></ul>
<ul><ul><ul>Три отступа</ul></ul></ul>
Рассмотрим еще один пример использования списков.
Хочу обратить ваше внимание, что это прописано без параметра type, но при помощи тэга <ul>:
<ul><li>Сдвиг один</li></ul>
<ul><ul><li>Сдвиг другой</li></ul></ul>
<ul><ul><ul><li>Сдвиг сякой</li></ul></ul></ul>
Списки могут быть и вложенными:
|
как это выглядит: |
Код: |
|
<UL> |
Оформление списков может нумероваться не только цифрами, но и буквами.
|
<OL type="i" > |
|
<OL type="I" > |
|
<OL type="a" > |
|
<OL type="A" > |
|
<OL type="1" > |
Замечание. Можно подключить фантазию и оформить с помощью тегов списков одну из страниц вашего сайта, например, приведя знаки зодиаков родственников, их любимых блюд, или краткую характеристику 6-8 своих одногруппников.
Содержание
|