Les balises peuvent être réparties en 2 classes : celles qui modifient la structure de la page et celles qui modifient le style du texte.
Parmi les balises de structure on trouve les en-têtes, les paragraphes, les listes ...

Les en-têtes

Les balises d'en-tête fonctionnent par paire (<balise></balise>), il en existe 6 niveaux:

Balise	Effet Visuel
H1	Test
H2	Test
H3	Test
H4	Test
H5	Test
H6	Test

Les attributs

Les attributs suivants sont placés dans les balises de structure pour permettre une disposition plus précise des éléments HTML :

Attribut	Valeur	Effet Visuel
ALIGN	LEFT RIGHT CENTER JUSTIFY	LEFT RIGHT CENTER JUSTIFY
NOWRAP		Interdit de reporter des mots d'une ligne à l'autre
ID		Attribue un nom au contenu de la balise (pour faire des liens)
LANG		Spécifie un langage différent
CLASS		Assigne une classe au contenu (pour les feuilles de style)
CLEAR		Utilisé dans le cas d'un texte entourant une image. Il permet de descendre dans la page aussi loin qu'il est nécessaire pour atteindre une marge libre

Les attributs s'utilisent de la manière suivante:

Par exemple:
<H1 ALIGN=LEFT> Texte aligné à gauche </H1>

Paragraphes

HTML considère les paragraphes comme des blocs de texte. Les browsers répartissent au mieux leur contenu dans leur fenêtre à moins qu'ils n'aient rencontré un attribut NOWRAP ou NOBR.
A l'intérieur d'un paragraphe, les espaces, tabulations et retours chariot comptent pour un seul espace (il ne sert à rien de mettre plusieurs espaces, il faut recourir à un autre moyen).

La mise en page par blocs de texte est réalisée par l'intermédiaire de la paire de balises <p> et </p>.
Cette balise accepte n'importe lequel des attributs vus précédemment.

Le retour chariot (retour à la ligne simple) est réalisé grâce à la balise <br>

On peut aussi insérer une ligne horizontale grâce à la balise <hr>.

Balise	Attribut	Effet Visuel
<br>		retour à la ligne
<p> et </p>		paragraphe
<hr size=5 width=20% align=left>	SIZE WIDTH ALIGN

Blocs d'éléments

Il existe des balises servant à indenter le texte : ce sont des conteneurs. Par exemple:

Conteneur	Effet Visuel
<blockquote> et </blockquote>	Texte indenté
<address> et </address>	Pour écrire une adresse
<note> et </note>	Pour écrire une note
<fn> et </fn>	Permet d'avoir une note de fin de page
<banner> et </banner>	Fixe un bloc de texte par rapport à la page
<pre> et </pre>	Permet d'écrire un texte PREFORMATTE en conservant entre autres les espaces

Les listes

Une liste est un paragraphe structuré contenant une suite d'articles. Il en existe trois types:

• Ordonnée
• Non ordonnée
• De définition

Voici leur syntaxe:

Conteneur	Type de liste	Effet Visuel
<ol> <li> article 1 </li> <li> article 2 </li> </ol>	Ordonnée	article 1 article 2 article 3
<ul> <li> article 1 </li> <li> article 2 </li> </ul>	Non ordonnée	article 1 article 2 article 3
<dl> <dt>Terme</dt> <dd>Définition</dd> </dl>	De définition	article 1 définition 1 article 2 définition 2

Il existe des attributs spécifiques aux listes:

Ce document issu de CommentCaMarche.net est soumis à la licence GNU FDL. Vous pouvez copier, modifier des copies de cette page tant que cette note apparaît clairement.