Jak działają strony internetowe

11

`To wszystko. Możesz użyć standardowych nazw kolorów, takich jak „czerwony” lub „niebieski”, a jeśli potrzebujesz bardziej precyzyjnego odcienia, użyj kodu szesnastkowego. Logika jest taka sama jak w przypadku koloru czcionki.### Listy punktowaneNajczęściej będziesz potrzebować listy punktowanej. W HTML jest to lista nieuporządkowana. Rozpoczyna się znacznikiem `

    ` i kończy znacznikiem `

`. Każdy element wewnątrz musi być owinięty znacznikiem `

  • ` (skrót od List Item).Oto jak to wygląda w praktyce:
    • Kalifornia
    • Oregon
    • Karolina Północna

    Domyślnie znaczniki są wyświetlane w postaci kropek (krążków). Ale jeśli chcesz, możesz zmienić ich wygląd. Dodaj atrybut `type` do tagu `

      `.`

        ` wyświetli Ci kręgi.
        `

          ` da ci kwadraty.To drobny szczegół, ale może sprawić, że lista będzie mniej formalna.### Listy numerowanePotrzebujesz numerów? Użyj listy numerowanej. Tagi: `

            ` i `

          `. Każdy element nadal używa znacznika `

        • `.
          1. pomarańcze
          2. winogrona
          3. wiśnie

          Domyślnie używana jest standardowa numeracja (1, 2, 3). Możesz jednak zmienić typ numeracji za pomocą atrybutu `type`.- `type=”A”` używa wielkich liter (A, B, C).
          – `type=”a”` używa małych liter (a, b, c).
          – `type=”I”` używa wielkich cyfr rzymskich (I, II, III).
          – `type=”i”` używa małych cyfr rzymskich (i, ii, iii).Chcesz rozpocząć numerację od konkretnego numeru? Załóżmy, że chcesz, aby pierwszy element miał wartość „6”. Aby to zrobić, użyj atrybutu `start` w tagu `

            ` i atrybutu `value` w konkretnym tagu `

          1. `.
            1. Jest to trochę kłopotliwe, ale daje kontrolę nad sekwencją.### Listy definicjiA potem są dziwne listy. Listy definicji (Listy opisowe). Wyglądają jak lista definicji. Pierwsza linia jest wyrównana do lewej. Druga linia jest wcięta.Marshall Brain Założyciel HowStuffWorksAby utworzyć taką listę, zawiń całą zawartość w `
              ` i “. Termin (etykieta) jest umieszczony w `
              ` (Definicja). Opis jest umieszczony w `
              ` (Opis definicji).Marshall Brain
              Założyciel HowStuffWorksZnacznik `
              ` znajduje się na marginesie. Znacznik `
              ` jest przesunięty w prawo. Jest to specyficzna struktura dla par termin-opis.Kiedy już ustalisz kolory i listy, następnym krokiem będzie połączenie wszystkiego z innymi miejscami. Spinki do mankietów.