Balises HTML

Les balises en HTML sont toujours couplées (une ouvrante et une fermante)

<html>

texte...

</html>

Quelques exceptions

La balise <br/> pour passer à la ligne (équivalent du retour chariot).

La balise <img .../> pour l'insertion d'une image.

Ordre des balises

L'imbrication des différentes balises constituant vos pages doit être régi par des règles respectant la norme W3C.

Imbrication valable

<html>

<head>

</head>

<body>

Ma première page

</body>

</html>

Imbrication non valable

<html>

<head>

<body>

</head>

La balise body est mal placée

</body>

</html>

Paragraphe

Un document possède généralement plusieurs paragraphes. L'usage de la balise <p> est rapidement nécessaire pour bien les différencier.

<body>

...

<p>le texte du paragraphe</p>

...

</body>

Ensuite, pour rendre encore votre texte plus attrayant, outre les balises de typographie courante, vous voudrez faire ressortir une expression dans un paragraphe en changeant par exemple la couleur. Deux méthodes sont possibles :

la balise <font>

<body>

...

<p>le texte du paragraphe et son <font color="green">expression différente</font></p>

...

</body>

la balise <span>

Lorsque seul un mot ou seule une expression du paragraphe doit être modifiée, l'usage de la balise <span> sera appréciable. Les attributs de celle balise sont identiques à ceux du paragraphe.

<body>

...

<p>le texte du paragraphe et son <span color="green">expression différente</span></p>

ou <p>le texte du paragraphe et son <span class='code'>expression différente</span></p> (mais avec l'utilisation d'une feuille de style)

...

</body>

Saut de ligne

La balise <br/> pour passer à la ligne (équivalent du retour chariot).

La balise <nobr/> pour interdire le saut de ligne dans une expression.

<p><nobr>expression</nobr></p>

<p>Le coût du marché sera de <nobr>1 000 000 &euro;</nobr>.<p>

Le code &nbsp; pour insérer un espace insécable entre deux lettres ou entre deux mots.

La balise <wbr/> pour autoriser le saut de ligne dans une expression (moins utilisée.