SELFHTML/Aides à la navigation HTML/XHTML Éléments pour structurer le texte |
En HTML il y a des commandes physiques et logiques pour mettre du texte en valeur. Les commandes physiques signifient par exemple en gras en italique ou souligné, elles représentent donc des mentions directes pour le formatage d'écriture désiré. Pour les repères physiques, le navigateur Web doit trouver une possibilité de représenter le texte marqué conformément à son marquage.
Exactement comme les repères logiques de marquage de texte, les repères décrits ici font partie des éléments incorporés.
Différentes commandes HTML sont à votre disposition pour formater des passages de texte.
<!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>Gras et penché</h1> <p>Le porc est <b>gras</b> et la tour de Pise est <i>penchée</i>.<br> Et Qu'est-ce qui est <b><i>gras et penché </i></b>?</p> </body> </html> |
Les éléments incorporés pour le marquage de texte doivent - tout au moins pour la variante HTML "Strict" - être placés à l'intérieur d'autres éléments de blocs. Dans l'exemple ci-dessus est noté un paragraphe de texte dans lequel se trouvent plusieurs marquages de texte physiques. Au début du passage de texte qui doit être marqué, est inséré un repère d'ouverture (dans l'exemple le repère <b>
et <i>
). À la fin du passage de texte qui doit être marqué est inséré le repère de fermeture correspondant (par exemple </b>
ou bien </i>
).
Les repères HTML physiques suivants sont disponibles:
|
Vous pouvez également - comme dans l'exemple ci-dessus - imbriquer de genre de repères. Ainsi, leurs effets doivent s'additionner. Un texte dans un passage marqué par exemple en caractères gras et que l'on a marqué lui-même en italique doit être représenté en caractères gras italiques.
Avec les feuilles de style CSS vous pouvez cependant formater de tels éléments comme vous le désirez. Pour employer des feuilles de style CSS, il vous faut d'abord savoir comment 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:
formatage de la police
couleurs et images d'arrière plan
<!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>Gras et penché avec style</h1> <p>Le porc est <b style="background-color:#FFCCCC">gras</b> et la tour de Pise est <i style="font-weight:bold; background-color:#FFFF00">penchée</i>.</p> </body> </html> |
Les deux éléments pour le marquage en caractères gras et en italique reçoivent en plus dans l'exemple différentes couleurs d'arrière-plan. L'élément i
est par ailleurs marqué en caractères gras - mais à l'aide des CSS.
Dans le sommaire de référence HTML vous trouverez des données précisant où les marquages de texte physiques 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:
référence pour les éléments et référence pour les attributs pour <b>...</b>
référence pour les éléments et référence pour les attributs pour <i>...</i>
référence pour les éléments et référence pour les attributs pour <tt>...</tt>
référence pour les éléments et référence pour les attributs pour <u>...</u>
référence pour les éléments et référence pour les attributs pour <strike>...</strike>
référence pour les éléments et référence pour les attributs pour <s>...</s>
référence pour les éléments et référence pour les attributs pour <big>...</big>
référence pour les éléments et référence pour les attributs pour <small>...</small>
référence pour les éléments et référence pour les attributs pour <sup>...</sup>
référence pour les éléments et référence pour les attributs pour <sub>...</sub>
Éléments généraux pour des passages de texte | |
Marquage logique de texte | |
SELFHTML/Aides à la navigation HTML/XHTML Éléments pour structurer le texte |
© 2001 Stefan Münz / © 2003 Traduction Serge François, 13405@free.fr
selfhtml@fr.selfhtml.org