Як працюють веб-сторінки

1

`Ось і все. Ви можете використовувати стандартні назви кольорів, такі як “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 How StuffWorksЩоб створити такий список, оберніть весь вміст у `
              ` та “. Термін (мітка) міститься в `
              ` (Definition Term – термін визначення). Опис міститься в `
              ` (Definition Description – опис визначення).Marshall Brain
              Founder of HowStuffWorksТег `dt` знаходиться на полях. Тег `dd` зсувається вправо. Це специфічна структура для пар «термін – опис».Як тільки ви розберетеся з квітами та списками, наступним кроком буде підключення всього цього до інших місць. Посилання.