Comment convertir une image en code HTML

Avec seulement quelques extraits de code HTML, vous pouvez intégrer une image dans n'importe quelle page Web, e-mail ou autre document HTML ou XML basé sur Internet. Bien que vous ne puissiez pas "convertir" une image en code HTML, vous pouvez enregistrer l'image localement ou à une adresse Web spécifique, puis lui désigner un emplacement dans un document HTML. Vous pouvez également spécifier combien de pixels la taille de l'image doit apparaître, à la fois verticalement et horizontalement. Lisez la suite pour savoir comment convertir une image en code HTML.

Étape 1

Choisissez une image. Il peut s'agir de n'importe quelle image de n'importe quelle taille.

Étape 2

Enregistrez l'image localement ou en ligne. Cela signifie que vous pouvez l'enregistrer sur votre ordinateur ou à une adresse Web spécifique. Si vous souhaitez que d'autres personnes puissent voir l'image en ligne, vous devez télécharger l'image sur un serveur Web. Utilisez le serveur de votre site Web ou, si vous n'avez pas de site Web, essayez d'utiliser Picasa ou une autre application de stockage et de partage d'images. Prenez note de l'URL où la photo est enregistrée.

Étape 3

Ouvrez un document HTML. Utilisez la balise d'image et l'URL exacte de l'endroit où l'image est stockée :. Cela intégrera l'image dans votre document HTML. Lorsque l'utilisateur ouvre ce document via un navigateur Web ou un autre programme, l'image apparaît.

Étape 4

Ajustez la largeur de l'image comme vous souhaitez qu'elle apparaisse, en termes de pixels. Encore une fois, utilisez l'URL exacte de l'endroit où l'image est stockée. Par exemple, . Cela étendra ou réduira la largeur existante de l'image à 400 pixels.

Étape 5

Ajustez la hauteur de l'image comme vous souhaitez qu'elle apparaisse, en termes de pixels. Par exemple, . Cela étirera ou réduira la hauteur existante de l'image à 700 pixels.

Étape 6

Combinez les réglages de largeur et de hauteur si nécessaire. Par exemple, .

Étape 7

Transformez l'image en lien si vous le souhaitez. Utilisez la balise d'ancrage avec la balise d'image intégrée à l'intérieur. Par exemple, .