Cours / Tutorials - Un petit peu de "mise en forme" en XHTML
Un tout petit peu de mise en forme
Nous l'avons déjà dit, le Xhtml n'est pas fait pour présenter des données. Il permet tout de même un peu de "mise en forme". Nous verrons plus tard qu'il s'agit en fait de hiérarchiser vos données.
Paragraphes, titres, gras, italiques et soulignés
La balise paragraphe <p> a déjà été utilisée dans notre première page. Il s'agit du paragraphe standard en xhtml. Dans la balise paragraphe, nous pouvons utiliser d'autres balises de mise en forme telles que l'italique <i>, la mise en gras <b> (pour "bold") et la balise de souligné <u> (pour "underline").
Les balises de titrages se présentent sous la forme <hx> ou x est un nombre compris entre 1 et 6, dans l'ordre de taille et d'importance (pour la hiérarchisation). <h1>Titre 1</h1> sera donc votre titre le plus important alors que <h6>Titre 6</h6> sera le moins important.
Créons une nouvelle page nommée "2-heading.htm". Tapez dans le bloc-note :
<html>
<head>
<title>Titre de la page</title>
</head>
<body>
<h1>La balise "title"</h1>
<p>
La balise <b>title</b> qui doit etre placé dans l'en-tete <i>head</i> sert
a modifier le titre qui est affiché en <u>haut du navigateur</u>.
</p>
</body>
</html>
Enregistrez cette page comme la première et ouvrez là. Elle vous expliquera à quoi sert la balise <title> ajoutée ici.
Note : Vous remarquez comment nous avons imbriqué des balises dans la balise <p>. Nous le répétons encore une fois, il ne faut pas les croiser ! Ainsi, pour mettre un texte en gras ET en italique, il faut écrire : <b><i>le texte</i></b> et surtout pas <b><i>le texte</b></i> !
Vous n'en verriez pas la conséquence pour l'instant mais il est important de prendre dès maintenant les bonnes habitudes au risque d'avoir du mal à vous en défaire ensuite… Et à le regretter !
<< Cours précédent Sommaire des cours XHTML Suite >>