Maison > Article > interface Web > Balise d'image en HTML
Cet article présente principalement les informations pertinentes de la balise HTML image img. Les amis qui en ont besoin peuvent s'y référer
Résumé
|
Description | ||||||||
Formulaire |
33fe7599c7c76c431c27b9f3ee6470d5 |
||||||||
Support |
H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+ |
||||||||
Balise omise | Balise de début : obligatoire, balise de fin : aucune
Explication
img est l'abréviation d'Image. L'attribut src est utilisé pour spécifier le chemin d'accès à l'image.
En HTML4.01, afin de coopérer avec divers navigateurs qui ne peuvent pas afficher d'images et de lecture audio, l'attribut alt dans la balise a1f02c36ba31691bcfe87b2722de723b HTML5 devient facultatif.
Bien que l'attribut height et l'attribut width ne soient pas nécessaires, si ces deux attributs sont définis, l'image peut être ouverte plus rapidement et certains bugs d'affichage peuvent être évités lors de l'affichage de l'image.
Attributs
[Attributs importants]
Attributs |
Signification |
src=url |
H2+/e2+/N2+. Le chemin vers l'image. Attribut obligatoire. |
alt=alt |
H2+/e2+/N2+. Description de l'image. Lorsque certains navigateurs ne peuvent pas afficher l'image, vous pouvez voir la description de l'image sur la page Web. C'est un attribut obligatoire dans HTML4.01. |
hauteur=n |
H3+/e2+/N2+. Définissez la hauteur de l'image. |
largeur=n |
H3+/e2+/N2+. Définissez la largeur de l'image. |
【Caractéristiques】
Attributs |
Signification |
aligner= aligner |
H2-H4T/e2+/N2+. Spécifiez la position d'affichage de l'image. Définissez align="right" et align="left" pour afficher le texte sur le côté gauche ou droit de l'image. Pour annuler cet effet, utilisez c32c1f0cf2c4789382020f567969fc21. |
frontière=n |
H3-H4T/e2+/N2+. Spécifie l'épaisseur de la ligne de bordure autour de l'image. Lorsqu'une image est incluse dans les balises d632822ac9277025ec149ceea8685596~5db79b134e9f6b82c0b36e0489ee08ed, des bordures seront automatiquement générées. Si vous souhaitez annuler, définissez border=0. |
galleryimg=bool |
e6+. Lorsque la souris est placée sur une image de taille supérieure à 200×200, la barre d'outils ne s'affiche pas. Il peut également être spécifié globalement dans e8e496c15ba93d81f6ea4fe5f55a2244 . |
hspace=n |
H3-H4T/e2+/N2+. Définit la marge horizontale autour de l'image. |
longdesc=url |
H4. Utilisez cet attribut pour pointer vers l'URL du document contenant la description de l'image lorsque la description de l'image est trop longue pour que l'attribut title soit affiché dans son intégralité. |
lowsrc=url |
e4+/N2+. Si une image est volumineuse, son affichage dans le navigateur peut prendre un certain temps. Pendant que l'image est toujours en cours de transmission sur le réseau, vous pouvez utiliser l'attribut lowsrc pour spécifier une vignette afin qu'elle s'affiche en premier sur le navigateur, et la vignette sera automatiquement remplacée après la transmission de l'image originale. |
supprimer=supprimer |
N4+. supprimer signifie supprimer. La valeur par défaut est false, si elle est définie sur true , dans l'image Lors de la transmission, la petite icône qui doit être affichée à l'emplacement de l'image sera remplacée par une info-bulle (boîte d'invite). |
vspace=n |
H3-H4T/e2+/N2+. Définit l'espace vertical autour de l'image. |
nom=nom |
H4/e4+/N3+. Précisez le nom. |
【可点击领域相关属性】
属性 |
意义 |
ismap |
H2+/e2+/N2+。指定图像为服务器端图像映射。 |
usemap=usemap |
H3+/e2+/N2+。指定图像为客户端图像映射。请参考dab9f699790ab0922e596ecb9f6677d5。 |
意义
ismap
H2+/e2+/N2+。
usemap=usemap
H3+/e2+/N2+。请参考dab9f699790ab0922e596ecb9f6677d5。
【Attributs liés à la vidéo】
Attributs |
Signification |
contrôles |
e2-e3. Affiche les commandes de lecture sous la vidéo. Obsolète dans IE4.0. |
dynsrc=url |
e2+. Spécifiez le fichier vidéo (*.avi). Parce qu'il existe déjà des balises d8e2720730be5ddc9c2a3782839e8eb6 et 273238ce9338fbb04bee6997e5552b95 , donc cet attribut est fondamentalement inutile. |
boucle=n |
e2+. Définissez les heures de jeu. loop=infinite jouera dans une boucle infinie. |
début=début |
e2+. Lorsqu'elle est définie sur fileopen , la page sera lue dès son ouverture. Lorsqu'elle est réglée sur survol de la souris , la lecture de la vidéo commencera lorsque la souris sera placée dessus. |
[Propriétés liées à la liaison de données]
|
Signification | e4+. Spécifiez le nom de colonne de la source de données pour la liaison de données. | datasrc=datasrc | |||||||
Attributs |
signifie |
|||||||||
classe=classe |
H4+/e3+/N4+. Précisez la classe. |
|||||||||
id=id |
H4+/e3+/N4+. Précisez l'identifiant. |
|||||||||
style=style |
H4+/e3+/N4+. Spécifiez le style. |
|||||||||
titre=titre |
H4+/e4+/N6+. Spécifiez un titre. |
|||||||||
dir=dir |
H4+/e5+/N6+. Spécifie la direction dans laquelle le texte est affiché. |
|||||||||
lang=lang |
H4+/e4+/N6+. Spécifiez le type de langue. |
|||||||||
clé d'accès=clé |
H5+. Attribuez des touches de raccourci. |
|||||||||
tabindex=n |
H5+. Spécifiez l'ordre dans lequel les touches TAB se déplacent dans le contrôle. |
|||||||||
contenteditable=bool |
H5+/e55+. Rendre l'élément modifiable. |
|||||||||
menu contextuel=id |
H5+. Spécifiez le menu contextuel. |
|||||||||
déplaçable=bool |
H5+. Déplaçable. |
|||||||||
dropzone=valeur |
H5+. Peut être glissé et déposé. |
|||||||||
caché |
H5+. Éléments cachés. |
|||||||||
vérification orthographique=bool |
H5+. Vérifiez l'orthographe. |
|||||||||
Les attributs étendus d'IE |
peuvent spécifier des attributs étendus d'IE . |
Exemple
Code HTML
<img src="image/kanami.jpg" alt="举例图片" width=100 height=100>
Résumé : Ce qui précède représente l'intégralité du contenu de cet article, j'espère qu'il sera utile à l'étude de chacun.
Recommandations associées :
Comment afficher les données d'image hexadécimales sur la balise img du HTML en PHP
Comment les expressions régulières font-elles correspondre les adresses d'image et les balises img
dans IEbalises imgComment gérer les fuites de mémoire
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!