Formation HTML

Aller maintenant à la page salade.htm en utilisant soit les flèches ou bien en passant par Fenêtre et en cliquant sur le nom du fichier.

Nous allons insérer l'image suivante dans cette page.



Sauvegarder cette image dans votre répertoire image.
Il faut savoir que les images sur Internet doivent être au format gif ou jpeg.

Mettez votre pointeur sous "La salade" et cliquez sur Insertion \ Image ou cliquez sur l'icône une fenêtre ouvrira.



Cliquez sur parcourir et pointez sur le fichier de votre image. Cliquez ouvrir et l'image apparaîtra. Dans votre fichier salade.htm




Le code sera donc:

<img src="/ chemin">
----------
<p>La salade</p>

<p><img src="/image/salade.jpg" width="143" height="107"> </p>
</body>
</html>
----------

Automatiquement les attributs de largeur (width) et de hauteur (height) s'inscrivent. N'oubliez pas par contre que plus une image est grosse, plus elle prendra de temps à se charger. Vous pouvez spécifier vous-même ces paramètres manuellement.

Vous pouvez aussi faire des liens à partir d'une image. C'est comme avec les mots, sauf que vous sélectionnez l'image. Faite le test en faisant un lien de l'image de la salade vers la page index.

Le code aura l'air de:
<a href="/index.htm"><img src="/image/salade.jpg" border="0" width="143" height="107"></a>

La ligne horizontale