Balises universelles - intro

La balise span

Elle encadre un morceau de texte, sans générer de saut à la ligne, >> balise en ligne (type inline).

La balise div

Elle encadre un ou plusieurs "blocs", éléments (paragraphes, titres, tableaux,...). Elle est de type bloc, après sa fermeture, ce qui suit passe à la ligne.
Elle génère un saut à la ligne, >> balise de type bloc.

Les classes

On peut associer un même nom de classe à plusieurs éléments. Ici, on a définit une classe 'rouge' dans des spans entourant les mots fortifie, enrichit et avisé. Dans l'exemple 2, on a défini une classe 'promo' qui colorie en jaune les éléments de la liste.

Exemple 1

Tôt couché tôt levé
fortifie, enrichit et rend avisé

Les ID

Un id ne peut être défini qu'une fois dans le code html. Dans l'exemple 2, on a défini deux ids : une liste_jaune et une liste_verte.

Exemple 2

Cépages de vins blancs:

Cépages de vins rouges:

Exemple 3

  1. Element 1
  2. Element 2
  3. Element 3
  4. Element 4
  5. Element 5
  6. Element 6
  7. Element 7
  8. Element 8
  9. Element 9
  10. Element 10