HTML 3.2 et 4.0 les couleurs.

Vous voulez aller plus vite
Toute la section HTML est ici !

Les images

Formats graphiques pour les pages Web.
Les deux formats les plus souvent utilisés sont le Gif et le JPEG.
Ce sont des formats compressés, ce qui diminue la taille des fichiers.

Le format Gif.

Le fichier Gif et celui adopté par CompuServe. Ils sont environ trente fois plus petits
que les fichiers Bmp traditionnels.
L'un des autres avantages du format Gif est qu'il ne repose pas sur une définition par ligne,
mais par couche, ce qui fait que une image Gif apparaît relativement rapidement sur une page Web.
L'image initiale est de médioce qualité mais, couche après couche la qualité de l'image s'améliore.
Vous pouvez aussi les rendre transparentes et réaliser des animations.

Le format JPEG

Avec le format JPEG vous disposez d'une gamme de 16,7 millions de couleurs ;
les images sont compressées.
Le format JPEG est mieux adapté aux images couleurs élaborées, telles que les photos.
Il ne permet pas les animations.

Insertion d'images dans une page Web

Pour insérer une image dans un fichier HTML, vous devez faire référence au dossier graphique correspondant.
Vous utiliserez la balise <img>
Si votre fichier Image se trouve dans le même dossier que le fichier HTML,
il suffit simplement de donner le nom du fichier

Une image peut comporter un cadre. L'attribut Border se charge de le définir.

Il est toujours préférable de mettre alt dans la commande des images. Si l'image ne s'ouvre pas un texte de remplacement sera affiché.

orchidées

Alignement des images.

Les balises qui servent à l'alignement des paragraphes servent aussi à aligner les images.
Une image centrée !

Une image alignée à gauche !

orchidées

Une image combinée à du texte courant.

orchidées

Image à gauche avec du texte. Suivant le navigateur, le texte entourera l'image ou non. Cela dépend.

Image alignée à droite.
<img src="orchid.gif" alt="orchidées" border=no align=right>

Espacer images et texte.

Pour éviter de coller image et texte définissez un espacement entre les deux éléments. À cet effet, il y a deux attributs de la balise <img>. Le premier hspace définit l'espacement par rapport au bord du texte et le second vspace par rapport au texte situé au-dessus et en dessous de l'image.

Exemple d'une image alignée à gauche et bordée par le texte.

Image alignée à gauche avec un texte distant de 20 pixels.
<img src="orchid.gif" align=left hspace=20>

Image alignée à gauche avec un texte espacé de 20 pixels.
Suivant le navigateur, le texe entourera l'image ou non.

Exemple d'une image alignée à droite et bordée par le texte.

Image alignée à droite avec un texte distant de 10 pixels.
<img src="orchid.gif" align=right vspace=10>

Image alignée à droite avec un texte espacé de 10 pixels.

Suivant le navigateur, le texe entourera l'image ou non. Certains navigateurs affichent le texte autour de l'image. Certains navigateurs affichent le texte autour de l'image. Certains navigateurs affichent le texte autour de l'image. Certains navigateurs affichent le texte autour de l'image. Certains navigateurs affichent le texte autour de l'image. Certains navigateurs affichent le texte autour de l'image.

Exemple d'espacement de part et d'autre d'une image alignée à gauche.

Je suis un peu fatiguée de voir la même orchidée mais, mon fournisseur d'accès ne permet que deux Mo alors, je dois reprendre les mêmes images. Je suis un peu fatiguée de voir la même orchidée mais, mon fournisseur d'accès ne permet que deux Mo alors, je dois reprendre les mêmes images. Je suis un peu fatiguée de voir la même orchidée mais, mon fournisseur d'accès ne permet que deux Mo alors, je dois reprendre les mêmes images. Au moins, on peut voir l'espacement de part et d'autre de l'image.

HTML

J'aimerais bien avoir vos commentaires, questions ou suggestions.

Écrire à Nicou