Médiaforma

Insérer une image dans un document

Print Friendly

Pour insérer une image dans un document, vous utiliserez la balise <img />. L’emplacement de l’image doit être indiqué dans l’attribut src. Il peut être absolu :

<img src="http://www.mediaforma.com/img/word2010.png">

Ici, le fichier a pour nom word2010.png. Il se trouve dans le dossier img du domaine www.mediaforma.com.

Si le document HTML et l’image se trouvent dans le même dossier, l’emplacement peut être défini de façon relative pour soulager l’écriture :

<img src="word2010.png">

Ici, le fichier a pour nom word2010.png et se trouve dans le même dossier que le document HTML qui veut l’afficher.

Si nécessaire, vous pouvez utiliser les caractères « ../ » pour accéder au dossier parent du dossier courant. Supposons par exemple que le fichier HTML se trouve dans le dossier http://www.mediaforma.com/documents/html et que l’image à afficher ait pour nom word2010.png et se trouve dans le dossier http://www.mediaforma.com/images/png. Pour accéder au dossier images/png depuis le dossier documents/html, il faut remonter de deux niveaux. Vous pouvez donc écrire :

<img src="../../images/png/word2010.png">

Ou encore, en adressage absolu :

<img src="http://www.mediaforma.com/images/png/word2010.png">

Vous avez aimé cet article ? Partagez-le avec vos réseaux...
 
Comments

No comments yet.

Leave a Reply