| monolito-s | Дата: Пятница, 28.10.2011, 18:06 | Сообщение # 1 |
 Киллер
Группа: Повелитель Зоны
Сообщений: 335
Персонаж: Каратель
| Списки - тэги <ul></ul>, <ol></ol>
Откроем в текстовом редакторе файл, созданный на прошлом занятии. Чтобы быстро открыть файл в нужной программе, выделите нужный файл, выполните команду меню File/Open With и из раскрывшегося окна со списком установленных на компьютере программ выберите редактор.
Рассмотрим тег <ul> - список - list , который мы напечатали на прошлом занятии.
Он выглядит таким образом:
<ul> - открывающий тэг
<li> - элемент списка</li>
<li> - элемент списка</li>
<li> - элемент списка</li>
</ul> - закрывающий тэг
Списки бывают ненумерованные <UL> - Unordered List и нумерованные <OL> - Ordered List.
Пример ненумерованного (маркированного) списка - <UL>:
Согласно современным правилам HTML тэг элемента списка <li> должен иметь свою закрывающую часть</li>. Теги списков позволяют красиво и аккуратно расположить информацию на веб-странице. </p>
Редактор Тасо, как и большинство других редакторов HTML, позволяет вставлять готовые конструкции тега списка. Вы можете воспользоваться командой меню Insert/List. Задайте необходимое количество элементов списка -"Number of Items", отметьте галочкой вид списка и нажмите кнопку Insert.
Согласно современным правилам HTML-языка элемент списка <li> может иметь закрывающую часть </li>. Для введения закрывающей части тега </li> поставьте галочку в квадратном окошке "Include closing List Item (</li>) Tag" - "Включите закрывающую часть элемента списка".
Посмотрите пример использования списков и мета-тегов на веб-странице. Не забудьте заглянуть в исходной код данного файла - выполнив команду браузера View/Page Source или View/View Source - Вид/Исходный код (Источник).
Позднее:
Атрибуты тега маркированного списка <ul>
Тег <ul> может иметь атрибут type, принимающий значения:
"squre" - квадратик;
"circle" - окружность;
"disk" - кружок.
Пример: <ul type="square">
Атрибуты тега нумерованного списка <ol>
type – стиль элемента списка. Его возможные значения:
1– арабские цифры;
A– буквы верхнего регистра (англ.);
a– буквы нижнего регистра (англ.);
I– римские цифры верхнего регистра ;
i– римские цифры нижнего регистра.
start – номер, с которого должна начинаться нумерация
Пример: <OL type="A" start="3">
Еще существуют списки определений - Definition <DL></DL>, элемент списка <dd>; можно использовать атрибут "compact" <dl type="compact"></dl>, который позволяет разместить элементы списка более компактно.
<DL>
<DT>Пункт 1
<DD>Определение пункта 1
<DD>Другое определение пункта1
<DT>Пункт 2
<DD>Определение пункта 2
</DL>
|
| |
| |
