Ca y est ! Vous avez créé, vu et
corrigé votre première page web ! Maintenant vous
souhaitez surement savoir comment l'améliorer ? Eh bien
nous allons commencer par le texte. Vous allez apprendre comment
mettre en forme votre texte selon vos envies.
Les styles :
La première chose que nous avons vu (dans le cours d' "Introduction"),
c'était l'ensemble de balises <B></B>, nous allons le revoir
ici avec ces petits camarades...
- <B>texte</B> (BOLD en anglais) : permet de mettre un texte en gras.
Résultat : voici un texte en gras.
- <I>texte</I> (Italic) : permet de passer un texte en Italique.
Résultat : voici un texte en italique.
- <U>texte</U> (Underligne) : permet de souligner un texte. Résultat
: voici un texte souligné.
- <S>texte</S> (Strike) : permet de rayer un texte. Beaucoup moins
utile. Résultat : voici un texte rayé.
Cumuler les balises styles :
Il est possible de cumuler les styles (par exemple gras + italique) en les mettant
les un à la suite des autres. Mais il ne faut pas oublier de refermer
chaque balise après le texte.
Exemple : <B><I>texte</I></B>. Résultat : voici
un texte gras et italique
Les tailles des titres :
Il y a existe également un ensemble de balises (de <H1> à <H6>)
qui permet de jouer sur la taille d'un titre.
Pourquoi un titre uniquement ? Car cette balise à la double fonction d'augmenter
la taille du texte mais aussi de sauter une ligne à la fin de la balise.
Voici la balise <H1>
Voici la balise <H2>
Voici la balise <H3>
Voici la balise <H4>
Voici la balise <H5>
Voici la balise <H6>
Pour vous familiariser avec ces premières
balises vous allez améliorer votre fichier "cv.html" (que
vous devez avoir si vous avez suivi les précédentes
leçons).
1. Changez le titre (balise <TITLE>) en "Mon C.V."
2. Ajoutez le titre "C.V. Interactif" en utilisant la balise <H2>.
3. Mettez votre prénom en italique et votre nom en gras.
4. Ajoutez enfin votre adresse en la mettant en gras ET italique !
Essayez de le faire seul... Mais si vous n'y arrivez pas ou si vous avez sauté le
cours précédent (grave erreur), voici ci-dessous le code source
de la page que vous devez obtenir.
- Le résultat de la taille d'un texte est
souvent radicalement différent entre Internet Explorer et
Netscape Navigator, n'hésitez donc pas à regarder
le résultat sur les deux navigateurs.
- Rien ne vous oblige à utiliser les balises <H1> à <H6> pour
vos titres ! Au contraire, en général, peu de personne s'en
servent et on préferera donner une taille précise puis passer
des lignes en fonction de ses besoins...
Pour le moment, nous avons appris
les bases pour mettre un texte en forme... Par la suite nous verrons
plus en détail comment donner une couleur précise,
une taille, et un type de police grâce à la balise <FONT>...
