Les Paragraphes
Insérer un paragraphe
On a appris à titrer les textes. Ceci étant acquis on veut cette fois-ci diviser les contenus en paragraphes. Le XHTML et sa richesse sémantique nous permettent encore de spécifier tout cela grâce à de la balise <p>
Code XHTML :
<body> <p> L'ère de la nouvelle technologie implique le fait que le web ne se limite plus à l'interconnexion entre ordinateurs. La toile d'araignée mondiale s'apprête à accueillir de nouvelles applications et des nouveaux appareils (téléphone mobile, console de jeux...) </p> </body>
Mettre plusieurs paragraphes
Pour faire plusieurs paragraphes, il suffit d'utiliser des balises p les unes à la suite des autres.
Code XHTML :
<body> <p> <p>L'ère de la nouvelle technologie implique le fait que le web ne se limite plus à l'interconnexion entre ordinateurs. La toile d'araignée mondiale s'apprête à accueillir de nouvelles applications et des nouveaux appareils (téléphone mobile, console de jeux...) Le HTML qui s'avère figé ne pourra pas répondre aux exigences des futures applications web.</p> <p></p> <p> <p>Il faut alors un langage plus souple et mieux adapté. XHTML, qui suit la syntaxe XML est justement conçu pour cela. Le but est de reformuler HTML 4 pour le rendre compatible avec XML. En quelque sorte, XHTML eXtensible HyperText Markup Language est un langage hybride entre le XML et le HTML.</p> </p> </body>
Saut de ligne dans un paragraphe
Si on veut juste sauter une ligne dans un paragraphe, sans pour autant changer de paragraphe, on utilise la balise <br />
Code XHTML :
<body> <p> Le HTML qui s'avère figé ne pourra pas répondre aux exigences des applications web futures. Il faut alors un langage plus souple et mieux adapté. XHTML, qui suit la syntaxe XML est justement conçu pour cela. <br/> Le but est de reformuler HTML 4 pour le rendre compatible avec XML. En quelque sorte, XHTML eXtensible HyperText Markup Language est un langage hybride entre le XML et le HTML. </p> </body>
Séparer les paragraphes par des lignes
La balise <hr /> insère un trait horizontal. En l'utilisant pour séparer nos paragraphes, on a :
Code XHTML :
<body> <p> L'ère de la nouvelle technologie implique le fait que le web ne se limite plus à l'interconnexion entre ordinateurs. La toile d'araignée mondiale s'apprête à accueillir de nouvelles applications et des nouveaux appareils (téléphone mobile, console de jeux...) Le HTML qui s'avère figé ne pourra pas répondre aux exigences des applications web futures. </p> <hr /> <p> Il faut alors un language plus souple et mieux adapté. XHTML, qui suit la syntaxe XML est justement conçu pour cela. Le but est de reformuler HTML 4 pour le rendre compatible avec XML. En quelque sorte, XHTML eXtensible HyperText Markup Language est un langage hybride entre le XML et le HTML. </p> </body>
Puisqu'on sait déjà manipuler les titres, les utiliser avec les paragraphes sera aussi une bonne application.
Code XHTML :
<body> <h1>Les Limites du HTML</h1> <p> L'ère de la nouvelle technologie implique le fait que le web ne se limite plus à l'interconnexion entre ordinateurs. La toile d'araignée mondiale s'apprête à accueillir de nouvelles applications et des nouveaux appareils (téléphone mobile, console de jeux...) Le HTML qui s'avère figé ne pourra pas répondre aux exigences des applications web futures. </p> <h1>Le successeur de HTML</h1> <p> Il faut alors un language plus souple et mieux adapté. XHTML, qui suit la syntaxe XML est justement conçu pour cela. Le but est de reformuler HTML 4 pour le rendre compatible avec XML. En quelque sorte, XHTML eXtensible HyperText Markup Language est un langage hybride entre le XML et le HTML. </p> </body>
Les bonnes manières
Savoir faire des titres et des paragraphes est bien. Mais savoir les employer, dans le bon contexte, c'est mieux. En XHTML, les paragraphes servent à présenter du texte et non des données tabulaires. Il est à noter donc qu'ils ne sont pas destinés à contenir des tableaux.
Une autre astuce à retenir est de ne jamais mettre des titres h1 à l'intérieur d'un paragraphe. Pour mettre en surbrillance des textes particuliers par exemple, vous serez amené à utiliser h1. Si vous voulez mettre en valeur des textes dans un paragraphe, il y a aussi des balises destinées à tous cela (voir sections suivantes). Sinon, comme toujours, vous pouvez aussi faire appel aux CSS.
