Jusqu'ici, vous avez créé et modifié des documents HTML, et vous devriez être à l'aise avec les procédures d'édition de texte et de rechargement dans votre navigateur. Alors maitenant, relax pour cette rapide leçon sur l'insertion de césures de paragraphes.
Après cette leçon, vous pourrez :
Nous avons vu plus tôt qu'un navigateur web ignorait tous les RETOURS CHARIOT tapés dans votre éditeur de texte. Mais, partout où le navigateur voit un tag paragraphe, il insère une ligne blanche et commence un nouveau paragraphe. Le code HTML pour forcer une césure de paragraphe est :
<p>
Notez que ce tag est spécial car il ne nécessite pas de tag de fin ; pour le moment, vous n'avez pas besoin d'utiliser :
</p>
Dans une leçon ultérieure, nous verrons pourquoi utiliser <p> et </p> pour les standards de codage HTML plus actuels. Pour le codage HTML de base, gardons les choses simples.
Autre information, les tags <h> ont une césure intégrée. Il n'est donc pas nécessaire d'ajouter un tag <p> avant un tag de titre :
<p>
<h2>Bla bla bla bla</h2>
Note : Si vous n'avez pas le document de la leçon précédente, téléchargez une copie maintenant.
Suivez les instructions ci-dessous pour insérer et voir une césure de paragraphe dans votre document HTML.
Les volcans faisaient partie de l'histoire de la Terre bien avant
les humains. Comparez l'histoire des êtres humains,
quelques millions d'années, avec celle de la Terre,
plus de quatre milliards d'années.
<p>
Cette section devrait maintenant se présenter comme suit :
<h2>Introduction</h2> Un volcan est un endroit où le magma, des roches en fusion venant de l'intérieur d'une planète, atteint la surface. Cela peut arriver violemment, dans une explosion supersonique, ou plus calmement, au cours d'une lente coulée de lave. <p> Les volcans faisaient partie de l'histoire de la Terre bien avant les humains. Comparez l'histoire des Ítres humains, quelques millions d'annČes, avec celle de la Terre, plus de quatre milliards d'annČes.
Pour séparer les sections principales d'une page web, utilisez le tag ligne horizontale ou tag hr. Cela insère une ligne droite comme celle juste au-dessus du titre de cette section.
Le format HTML pour un tag ligne horizontale est :
<hr>
Essayons-le tout de suite ! Mettez un tag hr au-dessus du titre Introduction. Cela aidera à séparer la phrase au début de la leçon des autres parties qui suivront.
Et finalement, il y a le tag <br> qui envoie le texte sur une nouvelle ligne comme le tag <p> , mais sans insérer une ligne blanche. Vous pouvez utliser ce tag dans une liste d'éléments, quand vous écrivez les lignes d'un poème, etc. Comparez les différences entre le <br> et le <p> dans ces deux exemples :
| Tags Paragraphe <p> Seulement | |||
|---|---|---|---|
| HTML | Résultat | ||
Et maintenant, nous pouvons tous voir tout de suite le brillant intérêt du tag paragraphe. <p> Continuons... <p> Plus vous écrirez de tags, mieux vous vous sentirez ? |
|
Tags Paragraphe <p> et Césure de Ligne <br> | |
| HTML | Résultat | ||
Et maintenant, nous pouvons tous voir<br> tout de suite le brillant intérêt<br> du tag paragraphe. <p> Continuons...<br> Plus vous écrirez de tags,<br> mieux vous vous sentirez ? |
|
||
Le tag <br> peut étre utilisé pour un style de présentation différent pour vos titres de section. Si vous avez remarqué, les tags de titre <h1>, <h2>, ... insérent automatiquement un espace blanc au-dessus et en-dessous du texte du tag de titre. Certains auteurs de pages web préfèrent un style contrôlant ces espaces.
| Titres de Section avec tags de Titres | |||
|---|---|---|---|
| HTML | Réesultat | ||
Et, à la fin, tout ceci n'a servi à rien. <h4> Le Nouvel Edit du Fromage </h4> Plus tard, sir Longhorn déclara que tous les fabricants de fromage devraient être certifiés avant de commencer la production. |
|
Titres de Section avec Tags <b> et <br>
NOTE ! Le tag <b> est étudié dans la leçon suivante et la seule chose qu'il fait est de mettre le texte en gras. |
|
| HTML | Résultat | ||
Et, à la fin, tout ceci n'a servi à rien. <p> <b>Le Nouvel Edit du Fromage</b><br> Plus tard, sir Longhorn déclara que tous les fabricants de fromage devraient être certifiés avant de commencer la production. |
|
||
La différence peut sembler triviale maintenant, mais cela ouvre des possibilités quand nous apprendrons plus tard à créer du texte de différente taille et couleur pour nos titres de section. Par exemple, jetez un coup d'oeil aux Pages Web Qui Ne Ressemblent Pas A Des Pages Web.
Si vous voulez, comparez votre page web page à cet échantillon. Si votre document est différent, vérifiez comment vous avez entré le tag césure de paragraphe, <p>, dans l'éditeur de texte. Assurez-vous que vous l'avez tapé comme indiqué dans la section Insérer Des Césures De Paragraphes de cette leçon.
Utilisez les tags <p>, <hr> ou <br> pour créer des paragraphes ou des sections dans votre propre document.
Vous vous souvenez de votre première police ?
Et si on ajoutait du Style... à votre texte ?
Ecrire le HTML : Leçon 4: Organiser en paragraphes
©1994-2003
Maricopa Center for Learning and Instruction (MCLI)
Maricopa Community Colleges
La 'net connection (en anglais) à MCLI est
Alan Levine
Suggestions en Français à Bernard Bensoussan
URL: http://www.mcli.dist.maricopa.edu/tut/tut4.html
