Les images
Il est important de préciser que les seuls formats d'image
acceptés sont les GIF et les JPG. Faites-y donc attention.
Prenez garde ensuite à la taille. En effet, un grande image fait
vite 1Mo, voire plus.
Il faut aussi savoir que l'on obtiendra une meilleure qualité avec des photos jpg qu'avec des gifs mais la taille sera elle aussi plus
considérable.
:il n'est pas nécessaire d'indiquer le chemin d'accès de l'image si celle-ci se trouve dans le même
dossier que le document html. Mettre le nom et l'extention suffit.
Le code html est
le suivant:
<IMG SRC="adresse de l'image">
Cette balise possède plusieurs attributs:
Dimensions: width=? heigth=?
Ces balises vous
serviront à modifier la taille de l'image qui sera toujours notée en pixels.
1pixel=0,04cmBordure: border=?
La taille de la bordure est définie en pixels.
:
les informations sur la taille et la bordure sont indiquées après la fermeture des guillemets. Ces informations sont simplement séparées par un espace.
On peut aussi génrer l'espacement horizontal de vertical de l'image. Pour ce faire, on utilisera:
| <IMG src="fichier.jpg" hspace=?> | espacement horizontal |
| <IMG src="fichier.jpg" vspace=?> | espacement vertical |
Lorsqu'une image ne s'affiche pas, vous avez un cadre avec un carré rouge dedans. Tout le monde à déjà vu à quoi
ça ressemblait donc je n'en donne pas une image. Le HTML permet d'afficher un texte dans ce cadre si jamais
l'image ne s'affichait pas. Pour cela, on utilisera l'attribut alt"texte alternatif". La balise de l'image
devient donc ceci:
<img src="mon image.jpg" alt="texte alternatif">;
Les liens sur image
En cliquant sur
cette balise, vous ouvirez un autre fichier nommé "lilas.jpg"
La balise est la suivante:
<A HREF="lilas.jpg"> <IMG SRC="bêtes.jpg"> </A>.
C'est en fait un simple lien sauf qu'à la place du nom, on insère l'image.
:toutes les images "cliquables"
sont entourées d'une bordure.