Quelques Astuces.

1. Créer un paragraphe en couleur ou avec une autre couleur de texte.

L'attribut BGCOLOR qui accompagne la balise BODY indique la couleur de fond de la fenêtre.

L'attribut TEXT définit la couleur du texte.

Si l'on souhaite créer un paragraphe avec un fond d'une autre couleur (ou modifier la couleur d'une partie de texte) on peut créer un tableau à une seule cellule.

Exemple:

<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0">
<TR> <TD BGCOLOR="#......." > <FONT COLOR="#......">

TEXTE QUELCONQUE

</FONT>
</TD>
</TR>
</TABLE>

2. Mettre en retrait le premier mot d'un paragraphe.

Pour ce faire, on peut utiliser une série d'espaces insécables (&nbsp;) qui sont des caractères laissant un blanc. (nbsp = non-breaking space)

Exemple:

<TT>&nbsp;&nbsp;&nbsp;&nbsp;</TT> Ici suit le texte en retrait....

On utilise TT pour des espaces fixes qui ne sont pas influencés par le type de navigateur.

3. Mettre du texte en retrait.

Comme nous l'avons vu, on peut utiliser le conteneur <BLOCKQUOTE>. L'inconvénient est qu'il ne s'agit pas d'un véritable retrait , car la marge droite est, elle aussi décalée de la même quantité, mais vers la gauche.

On peut y remédier en détournant de son objectif la balise DL et profiter du fait que la définition DD s'écrit en retrait.

Exemple:

<DL>
<DD>

TEXTE en RETRAIT

</DL>

Des retraits successifs peuvent également être créés en répétant DL et DD.

4. Cacher certains textes

Si pour une raison quelconque on veut insérer du texte, par exemple un code ou un commentaire, qui ne doit pas apparaître à la lecture du document HTML par le navigateur, on peut l'écrire entre les deux chevrons < et>.

On écrit: chevron d'ouverture - point d'exclamation -tiret- tiret texte ou code tiret - tiret - chevron de fermeture

Ainsi par exemple : <!-- 5285 --> peut être écrit dans ledocument HTML sans être lu par le navigateur.

5. Encadrer une image.

Pour un bel effet, on utilise des bordures de tableau.

Créez un tableau d'une seule cellule et définissezune bordure de 5 à 10 pixels d'épaisseur en luiattribuant une couleur de fond. On améliore l'effet enfixant de plus une marge de quelques pixels (CELLPADDING) pouréloigner l'image des bords,

Exemple:

<TABLE BGCOLOR="#540000" BORDER="5"CELLPADDING="5" CELLSPACING="0">
<TR ALIGN="CENTER">
<TD> <IMG SRC="image.jpg"> </TD>
</TR> </TABLE>

6. Mettre un titre sur un fond d'image (appelée ci-dessous"blue.gif")

Faire un tableau d'une seule cellule.

Exemple:

<TABLE BORDER="0" CELLSPACING="2" CELLPADDING="1"WIDTH="100%">
<TR>
<TD BACKGROUND="blue.gif">
Texte du titre </TD>
</TR></TABLE>


Retour au sommaire