Introduction au HTML - 13

Les images

Dans une page HTML, on peut insérer des images.

Par exemple, nous allons remplacer dans l'exemple précédant, "UPV" par le logo de l'université.

Voici le logo :

Vous devez tout d'abord copier ce logo dans le dossier qui porte votre nom et qui contient déjà "index.html".

Dans Netscape :

  1. cliquez sur l'image
  2. restez appuyer
  3. un menu contextuel apparait
  4. choississez "Enregistrer cette image sous..."
  5. indiquez le chemin de votre dossier
  6. dans votre dossier, créez un dossier "images"
  7. enregistrez

Maintenant, nous allons insérer l'image dans la page. La balise à utiliser est <IMG>. Il n'y a pas de balise fermante. Elle peut contenir les options suivantes :

Option Valeur Fonction
SRC= chemin absolu de l'image ou chemin relatif du document à l'image localise l'image, obligatoire
ALT= court texte texte de substitution affiché quand l'image n'est pas visible
WIDTH= valeur numérique en pixel largeur de l'image
HEIGHT= hauteur de l'image

Nous pouvons compléter notre fichier "index.html", en remplaçant :

<FONT SIZE="3" COLOR="blue">UPV</FONT>

<IMG SRC="images/logofacbleu.gif" width="181" height="111" ALT="UPV">

Pour obtenir ce résultat :

Récupérez sur le web, une photographie de Nîmes ou de Montpellier et insérez-la (les) sur votre page.

revenir suite...