Formation HTML formatage de police

Formation HTML formatage de police, tutoriel & guide de travaux pratiques en pdf.

font-weight (Graisse de police)
La graisse de police correspond à l’état plus ou moins gras dans lequel la police est représentée.
Exemple:

Exemple d’affichage: aperçu

<html><head><title>font-weight</title>
</head><body bgcolor= »#FFFFFF » text= »#000000″><p><span style= »font-weight:bold »>petit texte d’exemple avec un poids de police en gras</span><br>
<span style= »font-weight:bold; font-size:200% »>grand texte d’exemple avec un poids de police en gras</span></p>

<!–etc….–>

<p><span style= »font-weight:100″>petit texte d’exemple
avec un poids de police 100</span><br>
<span style= »font-weight:100; font-size:200% »>grand texte d’exemple
avec un poids de police 100</span></p>

<!–etc…–>
</body></html>

Explication:

Avec font-weight: vous pouvez déterminer la graisse de la police. les mentions permises relatives à la graisse de la police:
bold = gras.
bolder = très gras.
lighter = plus fin.
100,200,300,400,500,600,700,800,900 = très fin (100) jusqu’à très gras (900)
. normal = graisse normale de police.
Pour les valeurs numériques la mention 500 correspond dans le domaine DTP au réglage habituel medium(moyen), et la mention 700 correspond au réglage bold(gras).

Attention:

Il n’y a pour ainsi dire aucune police installée qui supporte toutes les mentions permises relatives à la graisse de police.

 font-stretch (Étirement de la police)
L’étirement de la police mentionne à quel point la police paraît étroite ou large.
Exemple:

Exemple d’affichage: aperçu

<html><head><title>font-stretch</title>
</head><body bgcolor= »#FFFFFF » text= »#000000″><p><span style= »font-stretch:wider »>petit texte d’exemple avec un &eacute;tirement plus large (wider)</span><br>
<span style= »font-stretch:wider; font-size:200% »>grand texte d’exemple avec un &eacute;tirement plus large (wider)</span></p>

<p><span style= »font-stretch:narrower »>petit texte d’exemple avec un &eacute;tirement plus serr&eacute; (narrower)</span><br><span style= »font-stretch:narrower; font-size:200% »>grand texte d’exemple avec un &eacute;tirement plus serr&eacute;  (narrower)</span></p>

<!–etc…–>
</body></html>

Explication:

Avec font-stretch: vous pouvez fixer l’étirement de la police. Les mentions suivantes sont possibles:
wider = plus large que normal.
narrower = plus serré que normal.
condensed = condensé.
semi-condensed = à moitié condensé.
extra-condensed = très condensé.
ultra-condensed = extrêmement condensé.
expanded = étendu.
semi-expanded = à moitié étendu.
extra-expanded = très étendu.
ultra-expanded = extrêmement étendu.
normal = étirement normal.

Attention:

Cette propriété n’est pas encore interprétée par les navigateurs répandus.

Cours gratuitTélécharger le cours complet

Télécharger aussi :

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *