Comment intégrer une image dans du code HTML

Avec quelques bribes de code HTML, vous pouvez intégrer une image dans n'importe quelle page web, email ou document HTML/XML en ligne. On ne « convertit » pas une image en code HTML, mais on la stocke localement ou à une adresse web précise, puis on désigne son emplacement dans le document HTML. On peut aussi définir sa taille d'affichage en pixels (largeur et hauteur).

Étape 1

Choisissez une image, de n'importe quelle taille.

Étape 2

Enregistrez l'image localement ou en ligne. Sur votre ordinateur ou à une adresse web précise. Pour qu'elle soit visible en ligne, uploadez-la sur un serveur web : votre hébergement, ou Picasa ou autre service de stockage/partage d'images. Notez l'URL où elle est stockée.

Étape 3

Ouvrez un document HTML. Utilisez la balise image avec l'URL exacte : <img src="URL_DE_L_IMAGE" />. L'image s'intègre au document. À l'ouverture dans un navigateur, elle s'affiche.

Étape 4

Ajustez la largeur d'affichage en pixels. Exemple : <img src="URL_DE_L_IMAGE" width="400">. L'image s'étire ou se rétrécit à 400 px de large.

Étape 5

Ajustez la hauteur en pixels. Exemple : <img src="URL_DE_L_IMAGE" height="700">. Hauteur à 700 px.

Étape 6

Combinez largeur et hauteur. Exemple : <img src="URL_DE_L_IMAGE" width="400" height="700">.

Étape 7

Transformez l'image en lien si désiré. Utilisez la balise ancre avec la balise image imbriquée. Exemple : <a href="URL_CIBLE"><img src="URL_DE_L_IMAGE"></a>.