Fabrice Computer

Fabrice Computer

5- Mise en forme : Troisieme partie

Mise en forme : centré, gras, ...

Nous allons à présent voir comment mettre du texte en gras, italique,....

<HTML>
<HEAD>
<TITLE>Texte en gras, italique, centré</TITLE>
</HEAD>

<BODY>
<B>texte en gras</B> <BR>
<I>texte en italique</I> <BR>
<U>texte souligné</U> <BR>
<CENTER>texte centre</CENTER> <BR>
<!-- On peut également imbriquer les balises -->
<B><CENTER>texte centré en gras</CENTER></B>
<!-- Mais il faut faire attention à refermer les balises
dans le bon ordre comme ci-dessus !
<B><CENTER>......</B></CENTER> est incorrect -->
<BR>
<!-- Nous pouvons également réutilisé la balise FONT -->
<B><CENTER><FONT color="red" size=2>texte en rouge, gras, centré de taille 2</FONT></CENTER></B> <BR>

</BODY>
</HTML>

Ce qui donnera une page dont le contenu sera comme ceci :

texte en gras
texte en italique
texte souligné
texte centre
texte centré en gras
texte en rouge, gras, centré de taille 2

Vous avez pouvez maintenant enregistrer votre page et la visualiser dans votre navigateur.

Explications des nouvelles balises utilisées :

- <b> et </b> : écrit le texte en gras.
- <i> et </i> : écrit du texte en italique. en gras.
- <u> et </u> : souligne du texte. Evitez d'utiliser trop cette balise car un texte souligné peut être confondu avec un lien et ça peut étre gênant pour le visiteur.
- <center> et </center> : centre le texte par rapport à l'écran.
- <!-- et --> : Ces balises permettent de commenter votre code. Le texte compris entre ces balises ne sera pas pris en compte par le navigateur ( ==> pas affiché !). Le commentaire peut s'étendre sur plusieurs lignes. Faites attention à bien fermer le commentaire (==> "-->") sinon la fin de votre code ne sera pas affichée !.


Remarques importantes :

- Attention à bien refermer vos balises (avec la balise de fin) sinon la suite du texte aura également les propriétés de la balise non refermée. Par exemple si vous oubliez de refermer la balise pour placer des commentaires (<!-- ... -->), la fin de votre code ne s'affichera pas !

- Si vous voulez cumulez des balises, pour par exemple mettre un texte en gras, en italique et centré, il faut bien faire attention à l'ordre des balises pour les refermer !

Voici ce qu'il ne faut pas faire :
<B><I><CENTER>mon texte</I></B</CENTER>

Il faut les refermer dans l'ordre inverse de l'ouverture :
<B><I><CENTER>mon texte</CENTER></I></B>

C'est le même principe pour toutes les balises !




25/06/2008
0 Poster un commentaire

A découvrir aussi


Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 8 autres membres