Textes
Tutoriaux, Sommaire
Html
Il est évident que le texte doit avoir une
couleur différente de celle du fond, sinon on ne le verrait pas
Exercice, essayer différentes variations de couleur de fond
et de texte générées automatiquement en faisant "Générer une
page" puis "Afficher la page" dans la forme ci-dessous.
On appelle police de caractères, (ou
Fonte), des alphabets de forme différentes. Les pages diffusées sur
Internet utilisent pour leur affichage les polices installées sur l'ordinateur
du consultant. Si vous utilisez sur votre page une police qui n'existe pas sur
l'ordinateur de votre visiteur, cette police est remplacée à l'affichage par
la police par défaut de cet ordinateur. Vous avez donc intérêt à utiliser
des polices les plus courantes, (Arial, Verdana).
Exemples de polices, (dans la mesure ou elles existent sur
votre ordinateur),
Ceci est une police Arial
Ceci est une police Verdana
Ceci est une police Times new
roman
Face="Times new roman, Arial, Verdana"
Le tag de choix de police s'écrit,
<font
face="Arial">...Texte....</font>
Vous pouvez prévoir des polices de remplacement dans le cas
ou une ou plusieurs police manquerait,
<font face="Times new roman,
Arial, Verdana"> ...Texte.... </font>,
ce tag se lit, appliquer la police Times new roman, si elle
est absente appliquer la police Arial ou si celle ci manque aussi la police
Verdana. Si aucune de ces polices n'existent sur l'ordinateur, c'est la
police par défaut de cet ordinateur qui sera appliquée.
Exercice,
dans la forme ci dessous, appliquer
différentes polices à un texte,
Corrigé
On peut assembler les différentes
sortes de tags font.
<font size=+2 color=blue face="verdana">
...Texte... </font>
Ce qui
donne ...Texte...
Exercice,
Dans la forme ci dessous essayez
plusieurs combinaisons de tailles, couleurs et polices.
Corrigé
On peut imbriquer les tags font, comme
ci-dessous,
<FONT SIZE=+1 COLOR="blue"> Ce texte apparaîtra en bleu et en
petit caractères a cause de la commande précédente
<FONT Size=+2 COLOR="red">Les modifications de taille et de
couleur (rouge) sont limitées à l'espace entre les deux tags </FONT>
Ce texte a son apparence fixé par le premier tag FONT, ce tag est terminé par
la commande qui suit
</FONT>
Vous trouverez ce code dans la forme ci-dessous, examinez le
résultat
Dans la forme ci-dessus, supprimez le size=+2 du deuxième
tag font, observez que le texte en rouge hérite de la taille prescrite par le
premier tag. Corrigé
Changez la taille prescrite par le premier tag, par exemple
size=+2, que devient la taille du texte en rouge? Corrigé
On peut mettre un texte en gras avec le
tag<b> ...Texte.... </b>,
Ce qui donne, ...Texte...
Le tag pour mettre un texte en italiques est <I>
...Texte... </I>
Ce qui donne ...Texte...
Ce sont des tags séparés, si vous voulez un texte en
italiques gras, vous ne pouvez pas écrire<IB> mais <I><B>
...Texte... </B></I>
ce qui donne, ...Texte...
Exercice,
Ecrivez le texte , ceci est un texte
de démo, avec ceci en gras, texte en italiques et démo en gras et italiques,
mette le texte tout entier en taille +1. Corrigé
Supprimez dans le code le tag de
fermeture de la première mise en gras, (</B> pour ceci). Que se
passe-t-il ?
Corrigé
Explication
Le tag <div> ...Texte... </div> permet de
créer un paragraphe, voir un exemple
dans la forme ci-dessus. En fait <div> ici remplace le tag <br>,
mais on peut lui adjoindre une indication de positionnement, calage à gauche,
(left) ou à droite, (right), en écrivant,
<div align=right> ...Texte... </div>
La condition de défaut est gauche donc <div>
</div> est calé à gauche. Exemple
En fait le plus gros intérêt du tag div est son emploi en 
Dhtml, mais ceci est une autre histoire et un autre tutorial
Ecrivez dans la forme ci-dessous,
fond de page couleur cyan
le mot Titre suivit par un retour à
la ligne
les mots En Tête
Dans un paragraphe , (tag div), Corps
du texte
Corrigé
Ecrivez un tag font prescrivant les polices Verdana, Arial
pour l'ensemble de la page.
Corrigé
Mettre le Titre en taille 6,
(+3), En tête en taille 5 et Corps du texte en taille 4,
Corrigé
Mettre le titre en italiques et en
gras,
Corrigé
Mettre le titre en jaune,
(yellow), et l'en tête en argent, (silver),
Corrigé
Changeons complètement de look,
fond de page silver, et en tête cyan
Corrigé
