Главная страница Содержание Учебник по Html Словарь тегов Гостевая книга Напиши мне

Простейшие.

Ступенька 7 - "О списках. Неупорядоченные списки".

Списки определяют структуру документа. Неупорядоченные списки вводятся тэгом <ul></ul>

    <ul>
    ...
    </ul>
Чтобы ввести элементы списка (текст один, текст другой…), нам нужно ввести в нашу конструкцию тэг <li> (не требует закрывающего тэга):
    <ul>
    <li>Текст первый
    <li>Текст второй
    <li>Текст третий
    <li>Текст четвёртый
    </ul>
В итоге получим:
  • Текст первый
  • Текст второй
  • Текст третий
  • Текст четвертый
У тэга <li> есть атрибут type, - он отвечает за стиль элемента списка. Он может принимать три значения:
  • <li type="disk"> - Закрашенный крушок (по умолчанию)
  • <li type="circle"> - Полый кружок
  • <li type="square"> - Квадратный

    Атрибут type может вводиться не только для каждого элемента списка <li>, но и для всего списка в целом:

      <ul type="square">
      <li>Текст первый
      <li>Текст второй
      <li>Текст третий
      <li>Текст четвёртый
      </ul>
    Вот что получится:
    • Текст первый
    • Текст второй
    • Текст третий
    • Текст четвёртый
    Тэг <ul></ul> так же можно использовать для создания отступа (табуляции). Если вы пользовались текстовыми редакторами (допустим, Вордом), то вы знаете, что такое табуляция (это когда вы жмете на кнопочку Tab и весь текст сдвигается, допустим, вправо), тоже самое можно сделать средствами html <ul>Ваш текст</ul>. Он избавит вас от необходимости вводить лишние таблицы в ваш документ, например для отступа от края.
      Ваш текст
    Чтобы отступ (табуляция) был больше, можно вложить тэг <ul></ul> в самого себя:
    <ul><ul>Два отступа</ul></ul>
    <ul><ul><ul>Три отступа</ul></ul></ul>
        Два отступа
          Три отступа
    На этом с неупорядоченными списками мы закончили, теперь поговорим об упорядоченных списках, но уже на следующей ступеньке.

    [ Назад: Ступенька 6-ая ] [ Далее: Ступенька 8-ая ]