Image HTML
Image HTML
<img> ; ->image
[Attribut obligatoire]
[1] src : adresse
[ 2 ] alt : texte alternatif de l'image à explorer par le moteur d'exploration
[Attribut facultatif]
[1] hauteur : hauteur de l'image
[2] largeur : largeur de l'image
ismap : ismap : défini comme le mappage d'image côté serveur pour l'image
<img> balise de fermeture.
Pour afficher une image sur la page, vous devez utiliser l'attribut source (src). src fait référence à « source ». La valeur de l'attribut source est l'adresse URL de l'image.
La syntaxe pour définir une image est :
<img src="url" alt="some_text">
L'attribut alt est utilisé pour définir une chaîne de texte remplaçable préparé pour l'image.
La valeur de l'attribut de texte de remplacement est définie par l'utilisateur.
<img src="../style/images/boat.gif" alt="Big Boat">
L'image ne peut pas être chargée dans le navigateur Dans le même temps, l'attribut de texte de remplacement indique au lecteur les informations qui lui manquent. À ce stade, le navigateur affichera ce texte alternatif à la place de l'image.
Les propriétés height (hauteur) et width (largeur) sont utilisées pour définir la hauteur et la largeur de l'image.
L'unité par défaut de la valeur de l'attribut est le pixel :
<img src="../style/images/pulpit.jpg" alt="Pulpit rock" width=" 300" height="200">
Conseil : C'est une bonne habitude de préciser la hauteur et la largeur de votre image. Si une image a une hauteur et une largeur spécifiées, les dimensions spécifiées seront conservées lors du chargement de la page. Si la taille de l'image n'est pas précisée, la présentation globale de la page HTML peut être détruite lors du chargement de la page.
Exemple
Ajouter une image de fond :
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body background="http://pic.58pic.com/58pic/15/97/99/27W58PICZS7_1024.jpg"> <h3>图像背景</h3> <p>gif 和 jpg 文件均可用作 HTML 背景。</p> <p>如果图像小于页面，图像会进行重复。</p> </body> </html>
Définissez la hauteur et la largeur de l'image :
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body > <img src="http://www.w3school.com.cn/i/eg_cute.gif" width="50" height="50"> <br /> <img src="http://www.w3school.com.cn/i/eg_cute.gif" width="100" height="100"> <br /> <img src="http://www.w3school.com.cn/i/eg_cute.gif" width="150" height="150"> </body> </html>
