SELFHTML

Marquage physique de texte

Page d'information: vue d'ensemble

vers le bas Généralités sur le marquage physique de texte
vers le bas Éléments HTML pour le marquage physique de texte
vers le bas Formatage supplémentaire d'éléments de marquage physique de texte avec les CSS
vers le bas Autres Informations

 vers le bas 

Généralités sur le marquage physique de texte

En HTML il y a des commandes physiques et Autre page d'information 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 Autre page d'information éléments incorporés.

 vers le hautvers le bas 

Éléments HTML pour le marquage physique de texte

Différentes commandes HTML sont à votre disposition pour formater des passages de texte.

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>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>

Explication:

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 Autre page d'information 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:

Élément (Notation) État Signification
<b>...</b> HTML 2.0XHTML 1.0MSIE 2.0Netscape 1.0  formate un texte et signifie en caractères gras
<i>...</i> HTML 2.0XHTML 1.0MSIE 1.0Netscape 1.0  formate un texte et signifie en italique
<tt>...</tt> HTML 2.0XHTML 1.0MSIE 1.0Netscape 1.0  formate un texte et signifie en qualité courrier (tt = Teletyper = Télex)
<u>...</u> HTML 2.0XHTML 1.0en cours d'abandonMSIE 3.0Netscape 2.0  formate un texte et signifie souligné
<strike>...</strike> HTML 2.0XHTML 1.0en cours d'abandonMSIE 2.0Netscape 3.0  formate un texte et signifie barré
<s>...</s> HTML 4.0XHTML 1.0en cours d'abandonMSIE 4.0Netscape 3.0  formate un texte et signifie barré
<big>...</big> HTML 3.2XHTML 1.0MSIE 3.0Netscape 2.0  formate un texte et signifie plus grand que la police normale
<small>...</small> HTML 3.2XHTML 1.0MSIE 3.0Netscape 2.0  formate un texte et signifie plus petit que la police normale
<sup>...</sup> HTML 3.2XHTML 1.0MSIE 3.0Netscape 2.0  formate un texte et signifie en exposant
<sub>...</sub> HTML 3.2XHTML 1.0MSIE 3.0Netscape 2.0  formate un texte et signifie en indice

Attention:

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.

 vers le hautvers le bas 

HTML 4.0XHTML 1.0MSIE 3.0Netscape 4.0 Formatage supplémentaire d'éléments de marquage physique de texte avec les CSS

Avec les Chapitre: vue d'ensemble 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 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 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>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>

Explication:

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.

 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 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:
Autre page d'information référence pour les éléments et Autre page d'information référence pour les attributs pour <b>...</b>
Autre page d'information référence pour les éléments et Autre page d'information référence pour les attributs pour <i>...</i>
Autre page d'information référence pour les éléments et Autre page d'information référence pour les attributs pour <tt>...</tt>
Autre page d'information référence pour les éléments et Autre page d'information référence pour les attributs pour <u>...</u>
Autre page d'information référence pour les éléments et Autre page d'information référence pour les attributs pour <strike>...</strike>
Autre page d'information référence pour les éléments et Autre page d'information référence pour les attributs pour <s>...</s>
Autre page d'information référence pour les éléments et Autre page d'information référence pour les attributs pour <big>...</big>
Autre page d'information référence pour les éléments et Autre page d'information référence pour les attributs pour <small>...</small>
Autre page d'information référence pour les éléments et Autre page d'information référence pour les attributs pour <sup>...</sup>
Autre page d'information référence pour les éléments et Autre page d'information référence pour les attributs pour <sub>...</sub>

 vers le haut
page suivante Autre page d'information Éléments généraux pour des passages de texte
page précédente Autre page d'information Marquage logique de texte
 

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