Comment fonctionnent les pages Web

12

`C’est tout. Vous pouvez ajouter des noms de couleurs standard comme « rouge » ou « bleu », ou si vous avez besoin de quelque chose de plus spécifique, utilisez un code hexadécimal. C’est la même logique que celle que vous utiliseriez pour les couleurs de police.### Listes non ordonnéesLa plupart du temps, vous souhaiterez une liste à puces. En HTML, c’est une liste non ordonnée. Il commence par `

    ` et se termine par `

`. Chaque élément à l’intérieur nécessite la balise `

  • ` (abréviation de List Item).Voici à quoi cela ressemble en pratique :
    • Californie
    • Oregon
    • Caroline du Nord

    Par défaut, ces puces sont des disques. Mais vous pouvez les changer si vous en avez envie. Ajoutez un attribut `type` à la balise `

      `.`

        ` vous donne des cercles.
        `

          ` vous donne des carrés.C’est un petit détail, mais cela peut rendre une liste moins générique.### Listes ordonnéesBesoin de chiffres ? Utilisez une liste ordonnée. Les balises sont `

            ` et `

          `. Vous utilisez toujours `

        • ` pour chaque élément.
          1. oranges
          2. raisins
          3. cerises

          La valeur par défaut est la numérotation standard (1, 2, 3). Mais vous pouvez changer les choses avec l’attribut `type`.- `type=”A”` utilise des lettres majuscules (A, B, C).
          – `type=”a”` utilise des lettres minuscules (a, b, c).
          – `type=”I”` utilise des chiffres romains majuscules (I, II, III).
          – `type=”i”` utilise des chiffres romains minuscules (i, ii, iii).Vous souhaitez commencer le décompte à un nombre précis ? Supposons que vous souhaitiez que le premier élément soit « 6 ». Vous utilisez l’attribut `start` sur la balise `

            ` et l’attribut `value` sur le `

          1. ` spécifique.
            1. C’est un peu verbeux, mais cela vous donne le contrôle de la séquence.### Listes descriptivesEt puis il y a les plus bizarres. Listes descriptives. Ils ressemblent à une liste de définitions. La première ligne est à gauche. La deuxième ligne est en retrait.Marshall Brain Fondateur de HowStuffWorksPour construire cela, vous enveloppez tout dans `
              ` et “. L’étiquette va dans `
              ` (Terme de définition). La description va dans `
              ` (Definition Description).Marshall Brain
              Fondateur de HowStuffWorksLe `
              ` se trouve sur la marge. Le `
              ` pousse vers la droite. Il s’agit d’une structure spécifique pour les paires de termes et de descriptions.Une fois que vous avez trié vos couleurs et vos listes, l’étape suivante consiste à tout connecter à d’autres endroits. Links.