Les images sur HTML ~ Formation WEB

mercredi 27 mars 2019

Les images sur HTML

By Formation WEB mars 27, 2019 1 comment

Pour insérer une image dans notre page WEB, on utilise l'élément <img>

cet élément ayant plusieurs attributs :

Les attributs les plus utilisés sont les suivants :
src : pour indiquer le chemin de l'image, si l'image dans même dossier de votre page, on met seulement le nom de l'image.extension (.jpg, .png......);
alt : cet attribut pour donner un nom à l'image.
height : pour déterminer la hauteur de l'image;
widht : pour déterminer la largeur de l'image;
align : pour aligner l'image (en haut, au center, en bas.....);
border : pour mettre un bordure à l'image.

Exemple :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>image</title>
</head>
<body>

<img src="bateau.jpg" align="top" heigt="200px" width="200px" alt="bateau" border="2"/>
</body>
</html>

Télécharger l'exemple