Testez ce petit utilitaire gratuit
pour choisir vos couleurs Web

Un blogueur, dont j'ai malheureusement oublié le nom, m'a fait découvrir cet outil (ce dont je le remercie) et je souhaite vous faire profiter également de l'information.

Colormixers vous permet d'obtenir le code hexadécimal et la combinaison RGB des couleurs utilisés pour la création de pages internet.
Faites bouger vers la droite ou la gauche les trois glissières des valeurs R (red ou rouge), G (green ou vert) et B (blue ou bleu) et visionnez en-dessous les couleurs de la même gamme obtenues avec en face le code hexadécimal de la forme #000000 (ce code étant le noir) ainsi que les valeurs RGB.

Structurer une page web
en utilisant les tableaux

Attention : afin d'éviter une incompréhension de la part du navigateur à la lecture de ce billet, un astérisque * a été rajouté dans les exemples suivants. Il convient bien entendu, dans l'écriture de votre code, de le supprimer.

I. Les balises et quelques attributs

Le tableau est composé de lignes (TR) et de cellules (TD). Son utilisation n'est pas forcément réservé à un tableau de chiffres, de codes... Il permet surtout de formater une page web selon le résultat attendu. En effet, les balises peuvent recevoir des attributs de style.

• Exemple d'un tableau (1 ligne et 3 cellules)

<*table width="100%" align="center" border="1" cellpadding="5" cellspacing="0" width="200" height="50">
   <*tr>
     <*td align="left" valign="top" bgcolor="lightsteelblue"><*b> align top left<*/b><*/td>

     <*td align="center" valign="middle" bgcolor="lightskyblue"><*b> align center middle<*/b><*/td>
     <*td align="right" valign="bottom" bgcolor="pink"><*b> align right bottom<*/td>
   <*/tr>
<*/table>

Le code ci-dessus donne le résultat suivant :

Le même tableau avec cellspacing="10" donne le résultat suivant :
                    

align top left

align center middle

align right bottom

Le même tableau avec border="0" donne le résultat suivant :                     

align top left

align center middle

align right bottom

Le même tableau avec border="0" et cellpadding="0" et chaque td avec l'attribut width="33%" (soit <*td width="33% align="...>) donne le résultat suivant :                     

align top left

align center middle

align right bottom

Imprimer cette page

Caractères HTML

«	Guillements ouverts :	&‍laquo;     ou    &‍#171
»	Guillements fermés :	&‍raquo;     ou    &‍#187
¿	Point d'interrogation espagnol :	&‍iquest;    ou    &‍#191
¡	Point d'exclamation espagnol :	&‍iexcl;     ou    &‍#161
·	Petite puce :	&‍middot;    ou    &‍#183
•	Grosse puce:	&‍bull;      ou    &‍#8226
€	Le signe de l'euro :	&‍euro;      ou    &‍#8364
→	Flèche vers la droite :	&‍rarr;      ou    &‍#8594
œ	O e dans l'o :	&‍oelig;     ou    &‍#339

Pour connaître d'autres caractères spéciaux,
aller sur le site Madore.org

Structurer une page web
en utilisant les tableaux

Attention : afin d'éviter une incompréhension de la part du navigateur à la lecture de ce billet, un astérisque * a été rajouté dans les exemples suivants. Il convient bien entendu, dans l'écriture de votre code, de le supprimer.

I. Les balises et quelques attributs

Le tableau est composé de lignes (TR) et de cellules (TD). Son utilisation n'est pas forcément réservé à un tableau de chiffres, de codes... Il permet surtout de formater une page web selon le résultat attendu. En effet, les balises peuvent recevoir des attributs de style.

• Exemple d'un tableau (1 ligne et 1 cellule)

<*table align="center" border="0" width="200" height="50">
   <*tr>
     <*td align="center" valign="top" bgcolor="lightgray"><*b>Les tableaux<*/b><*/td>
   <*/tr>
<*/table>

Le code ci-dessus donne le résultat suivant :

Les tableaux

Explications

<*table>            : alignement horizontal centré
                      ("left" = gauche et "right" = droite)
border="0"          : aucune bordure du tableau
width="200"         : largeur de 200 pixels
height="50"         : hauteur de 50 pixels
<*tr>               : balise ouvrante de ligne
<*td>               : balise ouvrante de cellule
valign="top"        : alignement vertical en haut
                      ("middle" = centré et "bottom" = en bas)
bgcolor="colorgray" : couleur d'arrière-plan
<*/td>              : balise fermante de cellule
<*/tr>              : balise fermante de ligne
<*/table>           : balise fermante de tableau

 Imprimer cette page