Как работают веб-страницы

4

`Вот и всё. Вы можете использовать стандартные названия цветов, такие как «red» (красный) или «blue» (синий), или, если нужен более точный оттенок, использовать шестнадцатеричный код. Логика та же, что и для цвета шрифта.### Маркированные спискиЧаще всего вам понадобится маркированный список. В HTML это неупорядоченный список. Он начинается с тега `

    ` и заканчивается тегом `

`. Каждый элемент внутри должен быть обернут в тег `

  • ` (сокращение от List Item — элемент списка).Вот как это выглядит на практике:
    • California
    • Oregon
    • North Carolina

    По умолчанию маркеры отображаются в виде точек (дисков). Но вы можете изменить их вид, если захотите. Добавьте атрибут `type` к тегу `

      `.`

        ` даст вам кружки.
        `

          ` даст вам квадраты.Это небольшая деталь, но она может сделать список менее шаблонным.### Нумерованные спискиНужны цифры? Используйте нумерованный список. Теги: `

            ` и `

          `. Для каждого элемента по-прежнему используется тег `

        • `.
          1. oranges
          2. grapes
          3. cherries

          По умолчанию используется стандартная нумерация (1, 2, 3). Но вы можете изменить тип нумерации с помощью атрибута `type`.- `type=»A»` использует заглавные буквы (A, B, C).
          — `type=»a»` использует строчные буквы (a, b, c).
          — `type=»I»` использует заглавные римские цифры (I, II, III).
          — `type=»i»` использует строчные римские цифры (i, ii, iii).Хотите начать нумерацию с определенного числа? Скажем, вы хотите, чтобы первый элемент имел значение «6». Для этого используйте атрибут `start` у тега `

            ` и атрибут `value` у конкретного тега `

          1. `.
            1. Это немного громоздко, но дает вам контроль над последовательностью.### Списки определенийА затем есть списки странноватые. Списки определений (Descriptive lists). Они выглядят как список определений. Первая строка выровнена по левому краю. Вторая строка имеет отступ.Marshall Brain Founder of HowStuffWorksЧтобы создать такой список, оберните всё содержимое в `
              ` и «. Термин (метка) помещается в `
              ` (Definition Term — термин определения). Описание помещается в `
              ` (Definition Description — описание определения).Marshall Brain
              Founder of HowStuffWorksТег `
              ` находится на полях. Тег `
              ` сдвигается вправо. Это специфическая структура для пар «термин — описание».Как только вы разберетесь с цветами и списками, следующим шагом будет подключение всего этого к другим местам. Ссылки.