Conteneurs

En HTML propre, la balise BODY n'est pas un conteneur adapté pour recevoir du texte. Vous ne pourrez y placer que des balises de type conteneur en ligne, de type P, H1..H6, PRE, TABLE, OL, UL, DIV...

L'idée est de se souvenir qu'en fonction du type de conteneur, le texte aura un statut, un rôle précis. Est-ce un titre, un paragraphe normal, un tableau, une liste... ?

P : paragraphes...

Le paragraphe est le conteneur basique, pour le texte.
On peut en aligner le contenu au centre, à gauche (left), à droite (right), ou le justifier (justify).

Figure 1 - Le paragraphe est le conteneur de base
<p>Texte aligné avec les valeurs par défaut du navigateur</P>
 
<p align="center">Ce texte sera centre sur la page</P>

A noter la balise PRE qui donne un texte préformaté (en police courrier, où la touche entrée permet les retours à la ligne.

H1, H2, H3... les titres

Ce sont des conteneurs avec un statut de titre, et possèdent les mêmes options d'alignement que les paragraphes.

On distingue 6 niveaux de titres différents, le plus important sera H1.

Figure 2 - Un site dépasse rarement le niveau H3 - préférez créer de nouvelles pages
<H1>Titre principal, aligné par défaut</H1>
 
<H2 align="center">Titre secondaire, centré</H2>

Attention à ne pas les confondre avec TITLE (qui est le titre de la page).

Le DIV neutre...

La balise DIV sert principalement couplée avec les feuilles de style. Son gros avantage est qu'elle ne possède pas de valeurs par défaut (contrairement à P qui saute une ligne avant et après le paragraphe).

Figure 3 - Le roi des CSS évoluées
<div>Un contenu prêt pour recevoir un style...</div>

Divers...

HR permet de tirer un trait

BR permet d'aller à la ligne.

Figure 4 - Deux balises dont il fallait parler...
<HR>
 
<p>Un texte avec un <BR>retour à la ligne</p>