Вот мы добрались и до не очень часто используемых тегов.

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

  • Текст 1
  • Текст 2
  • Текст 3
  • Текст 4


  • Скорее всего вы с этим сталкивались. Все это удобно в определенных ситуациях.

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

    <li>Текст 1</li>
    <li>Текст 2</li>
    <li>Текст 3</li>
    <li>Текст 4</li>

    Да-да, вcе опять оказалось очень простым:) Именно тегом <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>


    • Сдвиг 1
      • Сдвиг 2
        • Сдвиг 3

    Обратите ваше внимание, что это прописано без параметра type, но при помощи тега <ul>:

    <ul><li>Сдвиг 1</li></ul>
    <ul><ul><li>Сдвиг 2</li></ul></ul>
    <ul><ul><ul><li>Сдвиг 3</li></ul></ul></ul>

    << BACK | NEXT >>