[XHTML] Les titres

Vous avez encore votre page avec le bordel du tutoriel précédent ? Alors, après les paragraphes... Les Titres ! Allons y. (:

Les Titres !
* les titres mes amis, ça tue :P ou pas *

Bon. C'est cool de faire des paragraphes. Mais bon. Faudrait leur donner un nom à ces p'tits gars. En XHTML, on est des chanceux car on a six niveau de titres ! Rien que ça ! (:

<h1> </h1> : titre trèèèèès important. C'est souvent le titre tout en haut de votre page.
<h2> </h2> : titre important. On peut les utiliser pour donner des titres aux paragraphes.
<h3> </h3> : titre un peu moins important.
<h4> </h4> : titre encore moins important.
<h5> </h5> : titre pas important.
<h6> </h6> : titre vraiment pas important du tout.

Il ne faut surtout pas la confondre avec la balise <title></title> ce n'est pas du tout la même chose. Cette dernière affiche le nom du site dans la barre en haut du navigateur. Les autres sont dans le contenu uniquement !

De mon côté, je n'utilise que les trois premiers. (:
Evidemment, on va tester tout ça. (:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>

<body>
<h1>Titre super important</h1>
<h2>Titre important</h2>
<h3>Titre un peu moins important (sous-titre)</h3>

<h4>Titre pas trop important</h4>
<h5>Titre pas important</h5>
<h6>Titre vraiment pas important du tout</h6>
</body>
</html>

C'est cool hein ? Dans une page web, on a quelque chose comme ça.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<h1>Bonjouuuuuuuuuuur !</h1>
         <p>Cette après-midi je vois JonesMee et on va faire de la musique. (: On va enregistrer des chansons et c'est cool. <br />
         <h2>Achats</h2>
         Ma mère m'a acheté un nouveau gilet qu'est trop beau et deux DVDs, Chicago et Casino Royale. J'ai trop hâte de manger une glace au chocolat. Bla, bla.</p>
</body>
</html>

"Ouais, bah c'est toujours moche ton truc !" Minute Papillon (de lumière). Déjà là, vous avez un début de vraie page web ! Vous pouvez vous applaudir * et moi par la même occasion xD *.
Ok, ce n'est pas très esthétique dirons nous. Mais c'est début ! Et il ne faut pas mettre la confiture avant la crêpe ! Car tout ce qui est : "Je veux mon titre rouge avec des pois, bleus avec des tirets verts et je veux qu'il clignote", déjà, ça sera affreux, mais en plus, on ne le voit pas tout de suite ! Ca, c'est du CSS. Pour le moment, retenez que <h1> </h1> ne signifie pas "Times New Roman, 16px" mais très important. Voilàà !