mercredi 30 mars 2011

utilisation des images en html

Une page web présentée  avec du texte, c'est bien. Du texte formaté, aussi  c'est mieux !
Et avec des images, c'est encore mieux...
c'est pour cela je vais vous expliquer comment on peut utiliser les images sous HTML

On utilise l'élément <IMG> pour placer les images. Deux attributs sont obligatoires :
  • L'attribut src pour spécifier le nom du fichier image à charger. Les fichiers image doivent impérativement être aux formats GIF ou JPG.
  • L'attribut alt pour indiquer un contenu alternatif, c'est à dire un texte à afficher à la place de l'image lorsque, pour différentes raisons, elle n'apparaît pas. 
regardez cet exemple:

je vais utiliser mon document précédent où  je vais insérer mon image
   
en même endroit de notre fichier index.html  on va mettre une photo nommé mon_image.jpg


vous allez voir la résultat suivante:


le code html que nous avons utilisé :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//FR">

     <html>
     <head>
     <title>titre de web</title>
     </head>
 
     <body>
     <p>voilà photo d'une belle ville au maroc Chefchaouen</p>
    <img src="mon_image.jpg">
     </body>
     </html>
    



Aucun commentaire:

Enregistrer un commentaire