HTML et CSS

Eléments de structure

Pour qu'un document soit lisible, son contenu doit être présenté de manière organisée et "aérée" : titres, paragraphes ... HTML propose de nombreuses balises permettant de signaler le rôle d'un élément dans un document. En voici quelques unes d'usage courant.
Dans tous les cas, le texte concerné doit être écrit entre une balise ouvrante et une balise fermante.

• <h1>, <h2>,...<h6> décrivent des titres, par ordre de niveau de plan décroissant.
• <section> et <div> (division) désignent sous-parties du document. Par défaut les navigateurs affichent un retour à la ligne au début et à la fin d'une section et d'une division. (section est une nouveauté de HTML5, pas forcément parfaitement gérée par les navigateurs)
• <p> décrit un paragraphe. Par défaut les navigateurs affichent un espace au-dessus et au-dessous d'un paragraphe
• <span> permet de signaler un morceau de texte à l'intérieur d'une ligne, que l'on souhaite transformer en élément HTML pour pouvoir lui appliquer un style avec CSS, lui donner un identifiant, un titre... comme ceci, par exemple

<h1> Première partie </h1>
<div> <!--première division--> 
<h2>Première sous-partie </h2>
<!--premier paragraphe--> 
<p>Ceci est un texte quelconque. Ceci est un texte 
quelconque. Ceci est un texte quelconque.Ceci est un
 texte quelconque. Ceci est un texte  quelconque. 
 Ceci est un texte quelconque.</p>
<!--deuxième paragraphe--> 
<p>Ceci est un texte quelconque. Ceci est un 
texte quelconque. <!--un span-->  <span title="special">
Ceci n'est pas un texte  quelconque</span> Ceci 
est un texte quelconque.</p>
 </div>
<div><!--deuxième division--> 
<h2>Deuxième sous-partie</h2>
<p> Blabla blalblabla bla blabla. Blabla blalblabla
 bla blabla. Blabla blalblabla bla blabla. Blabla blalbla
 bla bla blabla. </p>
</div>