Первые шаги - Ступенька четрынадцатая, о списках.

Главная | Оглавление | Словарь

Вот мы добрались и до не очень часто используемых тэгов. Как же так? - возмутится бедный мой спутник - А таблицы? А фреймы? - Ну, это темы других лестничных пролетов, а мы еще и первого не одолели:) Теперь, когда я вас порадовала этим фактом, продолжим обучение:)
Я думаю: самая пора поговорить о списках. Что такое списки? Это лучше демонстрировать на наглядном примере:

`
- Текст один
- Текст другой
- Текст сякой
- Текст эдакий
`

Скорее всего вы с этим сталкивались. Все это удобно в определенных ситуациях. В каких? Загляните, например, в раздел Оглавление и увидите:)
Теперь разберемся, какими же тэгами обозначаются списки:

`<li>Текст один</li>
<li>Текст другой</li>
<li>Текст сякой</li>
<li>Текст эдакий</li>
`

Да-да, вcе опять оказалось очень простым:) Именно тэгом <li></li> они и задаются. Возникает вопрос: можно ли помимо закрашенного кружочка поописать еще чего-нибудь подобное?

`
- По умолчанию - (1)
- Полый кружок - (2)
- Не будь таким квадратным - (3)
`

У тэга <li> есть параметр type:

`В случае (1) - <li type="disk">,
в случае (2) - <li type="circle">,
в случае (3) - <li type="square">.`

Это один из вариантов. Если вы пользовались текстовыми редакторами (допустим Вордом), то бы знаете, что такое Табуляция (это когда вы жмете на кнопочку Tab и весь текст сдвигается в право). Похожая фунция есть и в хтмл:

`<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>
`

Я думала, что глава о списках получится короткой, но как видите ошиблась:). Если не устали, то переходите к следущей ступеньке, если устали, то отдохните чуток.

Назад | Шагнуть на следующую ступеньку