SELFHTML

Paragraphes de texte

Page d'information: vue d'ensemble

vers le bas Définir des paragraphes de texte
vers le bas Aligner les paragraphes de texte
vers le bas Formater des paragraphes de texte avec les CSS
vers le bas Autres Informations

 vers le bas 

HTML 2.0XHTML 1.0MSIE 1.0Netscape 1.0 Définir des paragraphes de texte

Les paragraphes servent à l'articulation optique d'un texte. Pour l'établissement de fichiers HTML il ne suffit pas d'insérer un brutal passage à la ligne dans l'éditeur. Les navigateurs WWW ignorent de tels passages à la ligne (voir aussi Autre page d'information Règles pour éditer en HTML).

Exemple:

Démonstration - nouvelle fenêtre Exemple d'affichage: aperçu

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Texte du titre</title>
</head>
<body>
<h1>d&eacute;finir des paragraphes de texte </h1>
<p>Ici commence un paragraphe et ici il se termine.</p>
<p>Ici commence un nouveau paragraphe et ici il se termine.</p>
</body>
</html>

Explication:

<p> (p = paragraph = paragraphe) commence un paragraphe . </p> termine le paragraphe et se trouve à la fin du paragraphe.

Attention:

Les repères <p> tels qu'ils étaient autorisés dans le temps, ne sont entre-temps plus conformes au standard HTML. Notez toujours les paragraphes avec un repère d'ouverture et un repère de fermeture.

L'élément <p> ne peut contenir d'autres éléments générant eux mêmes des blocs comme par exemple des titres, des paragraphes de texte, des listes, des citations ou des adresses.

Pour le texte du paragraphes, les règles pour les Autre page d'information alphabets, caractères spéciaux et caractères HTML spécifiques sont à respecter.

 vers le hautvers le bas 

HTML 3.2XHTML 1.0en cours d'abandonMSIE 1.0Netscape 1.0 Aligner les paragraphes de texte

Par défaut les paragraphes sont alignés à gauche, sans mention contraire de votre part. Vous pouvez aligner un paragraphe à droite ou le centrer. Une justification est elle aussi possible.

Exemple:

Démonstration - nouvelle fenêtre Exemple d'affichage: aperçu

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Texte du titre</title>
</head>
<body>
<h1>Aligner les paragraphes de texte</h1>
<p align="center">Ceci est un paragraphe centré.</p>
<p align="right">Ceci est un paragraphe aligné à droite.</p>
</body>
</html>

Explication:

Par la commande align="center" dans le repère d'ouverture <p> vous centrez le paragraphe qui suit (align = alignement, center = centré). Par la commande align="right" le paragraphe sera aligné à droite (right = droite). Par la commande align="justify" vous forcez la justification du paragraphe qui suit (justify = justifier). Avec align="left" vous pouvez mentionner le réglage par défaut (alignement à gauche).

Attention:

Tous les navigateurs ne maîtrisent pas la justification.

align est classé dans le standard HTML 4 comme en cours d'abandon (deprecated). Il est recommandé d'utiliser à la place les feuilles de style CSS, par exemple: <p style="text-align:center">...</p>. Autres remarques dans le paragraphe suivant.

 vers le hautvers le bas 

HTML 4.0XHTML 1.0MSIE 3.0Netscape 4.0 Formater des paragraphes de texte avec les CSS

Comment un paragraphe sera représenté dans le navigateur, ne peut guère être modifié par HTML. Les navigateurs utilisent des formatages par défaut pour représenter le texte. Avec les Chapitre: vue d'ensemble feuilles de style CSS vous pouvez cependant formater vos paragraphes comme vous le désirez. Pour employer des feuilles de style CSS, il vous faut d'abord savoir comment Chapitre: vue d'ensemble définir des formats CSS. Ensuite, vous serez en mesure d'appliquer les propriétés CSS. En relation avec ce qui vient d'être décrit les données de feuilles de style suivantes sont aussi intéressantes:
Autre page d'information formatage de la police
Autre page d'information alignement et paragraphes
Autre page d'information espaces marges extérieures
Autre page d'information espace intérieur
Autre page d'information cadres
Autre page d'information couleurs et images d'arrière plan

Exemple:

Démonstration - nouvelle fenêtre Exemple d'affichage: aperçu

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Texte du titre</title>
</head>
<body>
<h1>Formater des paragraphes</h1>
<p style="font-family:Arial,sans-serif; font-size:18px; color:blue">un paragraphe formaté.</p>
<p style="background-color:yellow">un autre paragraphe formaté.</p>
</body>
</html>

Explication:

Dans l'exemple deux paragraphes sont définis. Pour le premier a été décidée une représentation dans la police Arial ou autre police sans serif, d'une taille de 18 pixel et de couleur bleue. Le deuxième paragraphe a reçu une couleur d'arrière plan jaune.

 vers le hautvers le bas 

Autres informations

Dans le Chapitre: vue d'ensemble sommaire de référence HTML vous trouverez des données précisant où les paragraphes peuvent être mis quels autres éléments ils peuvent contenir, quels attributs ils peuvent avoir et ce à quoi il faut veiller pour ces différents attributs:
Autre page d'information référence pour les éléments pour les paragraphes
Autre page d'information référence pour les attributs pour les paragraphes

 vers le haut
page suivante Autre page d'information Contrôle du passage à la ligne (retour du chariot)
page précédente Autre page d'information Titres
 

© 2001 Stefan Münz / © 2003 Traduction Adresse électronique Serge François, 13405@free.fr
Adresse électronique selfhtml@fr.selfhtml.org