Tutoriel du HTML (partie 3)

Balises FONT : comment formater du texte en HTML

Les balises <FONT> permettent de définir le type, la taille et la couleur des caractères. Elles sont prioritaires sur les styles définis dans la section HEAD.

<P><FONT Size="+1" Face="Arial" Color="#000000">Votre texte</FONT></P>

• Size : définit la taille, de -7 à +7.
• Color : couleur en hexadécimal (de #000000 à #FFFFFF) ou par son nom (blue, red, yellow).
• Face : police de caractères (Arial, Verdana, Helvetica, Impact, Comic Sans MS, etc.).

Comment insérer des commentaires en HTML

Les commentaires sont des textes placés entre les balises <!-- -->. Ils ne s'affichent pas dans le navigateur et vous aident à vous repérer dans votre code.

Exemples de commentaires :

<!-- Haut de la page -->
<!-- Titre -->
<!-- Menu -->
<!-- Bas de la page -->
<!--<P>Ce texte ne sera pas affiché</P>-->

Comment afficher une image en HTML

Pour afficher une image (.jpg, .gif ou .png), utilisez la balise <IMG> avec les paramètres suivants :

<IMG SRC="chemin-de-votre-image.gif" Border="0" Height="100" Width="100" Alt="Description de votre image" Align="left" Valign="top" Vspace="2" Hspace="2">

Paramètres de la balise IMG

• SRC : chemin vers le fichier image.
• Border : épaisseur de la bordure.
• Height : hauteur de l'image en pixels.
• Width : largeur de l'image en pixels.
• Align : alignement horizontal (left, center, right).
• Valign : alignement vertical (top, middle, bottom, baseline).
• Alt : texte alternatif qui s'affiche au survol de l'image.
• Vspace : espacement vertical autour de l'image (0 à 5).
• Hspace : espacement horizontal autour de l'image (0 à 5).

Note : Pour conserver la taille originale de l'image, supprimez simplement les paramètres Height et Width.

Tous ces paramètres sont optionnels. La ligne suivante suffit pour afficher une image :

<IMG SRC="chemin-de-votre-image.jpg">