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中文網(wǎng)(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>如果圖像小于頁面，圖像會進行重復(fù)。</p> </body> </html>
Définissez la hauteur et la largeur de l'image?:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(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>
