Методы создания маркеров в HTML

  1. Неупорядоченные списки (
      ). Это наиболее распространенный метод создания маркеров. Используйте элемент

        для определения неупорядоченного списка и элементы

      • для определения каждого элемента списка. Браузер автоматически добавит пункты.

Пример:

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>
  1. Упорядоченные списки (
      ). Используйте элемент

        для создания нумерованного списка. Подобно неупорядоченным спискам, вы можете использовать элементы

      1. для определения элементов списка.

      Пример:

      <ol>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
      </ol>
      1. Пользовательские пункты списка. Вы можете настроить внешний вид пунктов списка с помощью CSS. Применяя стили к элементам
          или

            , вы можете изменить форму, цвет и размер точек маркера.

          Пример:

          <style>
            ul {
              list-style-type: square;
              color: red;
            }
          </style>
          <ul>
            <li>Item 1</li>
            <li>Item 2</li>
            <li>Item 3</li>
          </ul>
          1. Вложенные списки. Вы можете создавать вложенные списки маркеров, помещая элементы
              или

                внутри элементов

              1. .

              Пример:

              <ul>
                <li>Item 1</li>
                <li>Item 2
                  <ul>
                    <li>Subitem 1</li>
                    <li>Subitem 2</li>
                  </ul>
                </li>
                <li>Item 3</li>
              </ul>