Учебник по Html для начинающих. Дополнительно.
О списках. Неупорядоченные списки.
Итак, многие тэги не только отвечают за то, как будет выглядеть наша страница, они определяют структуру документа. Вспомним о заголовках, они не просто выделяют наш текст полужирным шрифтом, информация из заголовка может использоваться браузерами пользователей, например, для автоматического построения оглавления документа. Т.е. у заголовков более широкое назначение, чем просто визуально выделять фрагмент текста.
Тоже самое и со списками, они также определяют структуру документа. Визуально списки отображаются следующим образом:
- Текст один
- Текст другой
- Текст сякой
- Текст эдакий
Это называется неупорядоченный список. Кроме неупорядоченных списков существуют еще и упорядоченные списки:
- Сначала сделаем это.
- Затем мы сделаем то.
- А также действие третье.
- И с ним нас четвертое ждет.
Различные типы списков можно употреблять одновременно друг с другом. Неупорядоченные списки вводятся тэгом <ul></ul>:
<ul>
...
</ul>
Чтобы ввести элементы списка (текст один, текст другой…), нам нужно ввести в нашу конструкцию тэг <li></li> (не требует закрывающего тэга если в открывающемся теге <ul> будет переменная type="square", иначе - <ul type="square">):
<ul>
<li>Текст один</li>
<li>Текст другой</li>
<li>Текст сякой</li>
<li>Текст эдакий</li>
</ul>
В итоге получим:
- Текст один
- Текст другой
- Текст сякой
- Текст эдакий
У тэга <li> есть атрибут type, он отвечает за стиль элемента списка, визуально это выглядит так:
1. <li type="disk">,
2. <li type="circle">,
3. <li type="square">.
- По умолчанию - (1)
- Полый круг - (2)
- Квадратный - (3)
<ul>Ваш текст</ul>
В этом случае мы не использовали тэг <li>, и не ввели элементы списка. Чтобы отступ (табуляция) был больше, можно вложить тэг <ul> в самого себя:
<ul><ul>Два отступа</ul></ul>
<ul><ul><ul>Три отступа</ul></ul></ul>
<<< Страница 30 :Назад | Далее: Страница 32 >>>
