Comprendre les balises universelles

La balise span

encadre, sans générer de saut à la ligne, >> balise en ligne

La balise div

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

Les classes

Permettent de donner un nom à une ensemble de mises en forme et sera indiquée dans votre code CSS précédée d'un "." exemple : .nomdemaclasse

Exemples concrets

Les classes, introduction

Praesent lacinia, ex eget volutpat porttitor, lacus justo vestibulum turpis, vel consectetur magna orci sit amet erat. Cras ultrices fringilla mattis. Nam eu dui ultricies, efficitur odio id, sollicitudin erat. Etiam tincidunt metus eu nisl interdum, at pulvinar massa lobortis. Donec aliquet urna diam, eget efficitur arcu imperdiet luctus. Etiam feugiat congue est, nec maximus magna tristique quis. Morbi vitae porttitor urna. Suspendisse aliquet ultricies efficitur. Curabitur id lectus a eros tincidunt tristique eu sit amet ex. Ut egestas nulla pretium, tincidunt nibh in, iaculis quam. Nunc sollicitudin, sapien ut tincidunt convallis, neque quam elementum nulla, ac tincidunt magna dolor vitae risus. Cras fringilla et sapien ac euismod. Donec ullamcorper elementum vestibulum.

Exemple 01

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

Exemple 02

Cépages de vins blancs :

Cépages de vins rouges :

Exemple 03

Cépages de vins blancs :

Cépages de vins rouges :

Les id

Permettent de donner un nom à une ensemble de mises en forme et sera indiquée dans votre code CSS précédée d'un "#" exemple : #nomdemonid

Par convention, on réserve les ID pour les éléments structurels car on ne peux les employer qu'une seule fois par page

Exemple

  1. Elément 1
  2. Elément 2
  3. Elément 3
  4. Elément 4
  5. Elément 5
  6. Elément 6
  7. Elément 7
  8. Elément 8
  9. Elément 9
  10. Elément 10