SELFHTML: Feuilles de style CSS / Définir des feuilles de style / Formatage rapide dans le texte

SELFHTML/Quickbar Feuilles de style CSS Définir des feuilles de style

	Formatage rapide dans le texte
	Formater des repères HTML distincts Formater des passages avec <span>

Formater des repères HTML distincts

Exemple d'affichage: aperçu

Vous pouvez formater des repères HTML distincts dans le corps du texte à l'aide de mentions de feuilles de style. Les mentions de formatage sont alors valables pour le passage de validité du repère HTML concerné. C'est judicieux par exemple pour des repères HTML des types de paragraphes et structure du texte ou pour ceux des tableaux.

Exemple:

<html>
<head>
<title>Titre du fichier</title>
</head>
<body>
<div style="background-color:#FFFFE0">
<h1 style="color:red; font-size:36pt;">titre n°1</h1>
<p style="margin-left:1.5cm;">un paragraphe de texte</p>
</div>
</body>
</html>

Explication:

Vous pouvez déterminer des mentions de format pour un repère HTML en notant dans le repère d'ouverture la mention style= suivie, entre guillemets des définitions de format désiré. Dans la définition de format les mentions de feuilles de style sont permises. Chaque attribution de propriété comporte un nom par exemple color et d'une valeur par exemple. red, séparés par deux points. Fermez chaque définition de format par un point virgule. Ce n'est que pour la dernière définition de format, avant la parenthèse accolade que le point virgule peut être omis.

Important: Dans une définition de format les espaces sont bien tout à fait permis mais le navigateur Netscape s'est montré très sensible sur ce point - en bref, il ignore les mentions. Bien que ce ne soit pas aussi lisible, il est préférable pour cette raison provisoirement de n'utiliser aucun espace dans une définition de format.

Pour les propriétés de feuilles de style et leurs valeurs possibles, voir mentions de feuilles de style.

Dans l'exemple ci-dessus les diverses mentions de format individuelles sont appliquées à un repère <div> qui contient divers autres éléments à savoir un titre N°1 et un paragraphe de texte courant. Même ces éléments dans l'exemple ont été formatés individuellement au moyen de mentions de feuilles de style.

Attention:

Les mentions de feuilles de style pour des repères HTML comme <p> ou <li> ne sont interprétés que si vous notez un repère d'ouverture et un repère de fermeture.

Formater des passages avec <span>

Exemple d'affichage: aperçu

Vous pouvez définir des formatages de feuilles de style à des endroits de votre choix dans un texte normal sans qu'ils soient affectés à un repère HTML traditionnel ou à une de ses sous classes. Pour ce faire existe un nouveau repère HTML, qui n'a excepté cela aucune signification et ne sert que pour définir des mentions de feuilles de style. Ce repère HTML est particulièrement bien approprié pour formater autrement des signes ou des mots distincts dans le domaine de validité d'autres repères HTML.

Exemple:

<html>
<head>
<title>Titre du fichier</title>
</head>
<body>
<h1>Titre N°1 avec <span style="color:blue;">du texte bleu</span></h1>
<p>paragraphe normal avec du 
<span style="font-style:italic; color:red;">texte rouge en italique</span></p>
</body>
</html>

Explication:

Avec <span style=...> ... </span> vous pouvez formater comme vous le désirez des passages de texte à l'intérieur d'autres repères HTML (span = tendre). Derrière la mention style= notez les propriétés de formatage désirées. La mention doit figurer entre guillemets. À l'intérieur de la définition de format sont autorisées les mentions de feuilles de style. Chaque attribution de propriété comporte un nom par exemple. font-style et une valeur, par exemple. italic, séparés par deux points. Fermez chaque définition de format par un point virgule.

Pour les propriétés de feuilles de style et leurs valeurs possibles, voir mentions de feuilles de style.


après:	Unités de mesure, mentions de couleur et règles
avant:	Définir des formats globaux

SELFHTML/Quickbar Feuilles de style CSS Définir des feuilles de style