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

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

Я думаю: самая пора поговорить о списках. Что такое списки? Это лучше демонстрировать на наглядном примере:

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


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

    Теперь разберемся, какими же тэгами обозначаются списки:

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

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

    - Списки (от Manual.ru)
    - Списки (от Html - Начальный курс)

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