Maison  >  Article  >  interface Web  >  Balise d'image en HTML

Balise d'image en HTML

墨辰丷
墨辰丷original
2018-06-04 15:05:052644parcourir

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é

Balise de début : obligatoire, balise de fin : aucune

项目

说明

形式

e2ea5113811102f5191468e27da2ba4d

支持

H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+

标签省略

开始标签:必须,结束标签:无

Projet
Description

Formulaire

33fe7599c7c76c431c27b9f3ee6470d5

Support

H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+

Balise omise

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。

corps>

【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]

属性

意义

datafld=datafld

e4+。指定数据绑定时的数据源的列名。

datasrc=datasrc

e4+。指定数据绑定时的数据源的ID。

Propriétés
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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn