balise d'image HTML-tutoriel HTML-php.cn

Maison

interface Web

tutoriel HTML

balise d'image HTML

无忌哥哥

Jun 29, 2018 am 09:58 AM

Les balises d'image sont probablement les plus grandes et les plus intéressantes. Comme le dit le proverbe, une image vaut mille mots

Avec des images dans la page, elle deviendra instantanément colorée. ce qui améliore instantanément l'expérience utilisateur

Cependant, les images sont des ressources externes et il faut du temps pour les charger dans la page actuelle, donc même si les images sont bonnes, on ne peut pas en abuser

Utilisez-les bien et ajoutez la touche finale Non, c'est superflu

Les images utilisent la balise balise d'image HTML , qui a été mentionnée dans le cours d'expérience front-end précédent

Parce que les images sont des ressources externes, si le les ressources que vous référencez proviennent d'Internet, il est possible que la référence échoue ou que le chargement échoue en raison d'un délai d'attente et d'autres raisons,

Par conséquent, nous devons également ajouter l'attribut alt à la balise img pour indiquer le texte description de l'image actuelle, par exemple : Modèle de voiture hybride

Si l'image actuelle ne peut pas être affichée ou si l'utilisateur interdit l'affichage de l'image, ce texte d'invite

sera affiché. est très important. Comme nous venons de le présenter, les moteurs de recherche ne peuvent pas reconnaître le contenu des images, donc si vous souhaitez que les moteurs de recherche, par exemple Baidu

Si vous savez quelle est votre image, vous devez ajouter une balise alt, afin que votre image. les informations seront récupérées, ce qui est bénéfique à l'optimisation du site

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>6.图像标签</title>
</head>
<body>
<!-- <img  src="/static/imghwm/default1.png"  data-src="../images/9.jpg"  class="lazy"   alt="balise d'image HTML" > -->
<!-- 发现图片太大了,我们刚才介绍过,img标签还有二个属性可以设置图片的大小 -->
<!-- width:设置宽度, height:设置高度,单位默认为像素,可以不写单位,只有数值 -->
<!-- <img  src="/static/imghwm/default1.png"  data-src="../images/9.jpg"  class="lazy"      style="max-width:90%" alt="balise d'image HTML" > -->
<!-- <img  src="/static/imghwm/default1.png"  data-src="../images/9.jpg"  class="lazy"      style="max-width:90%" alt="balise d'image HTML" > -->
<!-- 宽度与高度写一个就可以,另一个属性会自动等比例缩放的 -->
<img src="/static/imghwm/default1.png"  data-src="../images/9.jpg"  class="lazy"      style="max-width:90%" alt="混血车模">
</body>
</html>

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

Article connexe

HTML: The Structure, CSS: The Style, Javascript: Le comportementApr 18, 2025 am 12:09 AM

Les rôles de HTML, CSS et JavaScript dans le développement Web sont: 1. HTML définit la structure de la page Web, 2. CSS contrôle le style de page Web, et 3. JavaScript ajoute un comportement dynamique. Ensemble, ils construisent le cadre, l'esthétique et l'interactivité des sites Web modernes.

L'avenir de HTML: évolution et tendances de la conception WebApr 17, 2025 am 12:12 AM

L'avenir de HTML est plein de possibilités infinies. 1) Les nouvelles fonctionnalités et normes comprendront plus de balises sémantiques et la popularité des composants Web. 2) La tendance de la conception Web continuera de se développer vers une conception réactive et accessible. 3) L'optimisation des performances améliorera l'expérience utilisateur grâce à des technologies de chargement d'image réactives et de chargement paresseux.

HTML vs CSS vs JavaScript: un aperçu comparatifApr 16, 2025 am 12:04 AM

Les rôles de HTML, CSS et JavaScript dans le développement Web sont: HTML est responsable de la structure du contenu, CSS est responsable du style et JavaScript est responsable du comportement dynamique. 1. HTML définit la structure et le contenu de la page Web via des balises pour assurer la sémantique. 2. CSS contrôle le style de page Web via des sélecteurs et des attributs pour le rendre beau et facile à lire. 3. JavaScript contrôle le comportement de la page Web via les scripts pour atteindre des fonctions dynamiques et interactives.

HTML: Est-ce un langage de programmation ou autre chose?Apr 15, 2025 am 12:13 AM

HtmlisnotaprogrammingNanguage; itisamarkupLanguage.1) htmlstructuresAndFormaSwebContentUsingTags.2) itworkswithcssforStylingandjavaScriptForIterActivity, EnhancingWebDevelopment.

HTML: construire la structure des pages WebApr 14, 2025 am 12:14 AM

HTML est la pierre angulaire de la construction de la structure des pages Web. 1. HTML définit la structure et la sémantique du contenu et les utilisations, etc. Tags. 2. Fournir des marqueurs sémantiques, tels que, etc., pour améliorer l'effet SEO. 3. Pour réaliser l'interaction de l'utilisateur via des balises, faites attention à la vérification de la forme. 4. Utilisez des éléments avancés tels que, combinés avec JavaScript pour obtenir des effets dynamiques. 5. Les erreurs courantes incluent des étiquettes non clôturées et des valeurs d'attribut non déposées et des outils de vérification sont nécessaires. 6. Les stratégies d'optimisation comprennent la réduction des demandes HTTP, la compression du HTML, l'utilisation de balises sémantiques, etc.

Du texte aux sites Web: la puissance de HTMLApr 13, 2025 am 12:07 AM

HTML est un langage utilisé pour créer des pages Web, définissant la structure des pages Web et le contenu via des balises et des attributs. 1) HTML organise la structure des documents via des balises, telles que. 2) Le navigateur analyse HTML pour construire le DOM et rend la page Web. 3) De nouvelles caractéristiques de HTML5, telles que, améliorez les fonctions multimédias. 4) Les erreurs courantes incluent des étiquettes non clôturées et des valeurs d'attribut non attribuées. 5) Les suggestions d'optimisation incluent l'utilisation de balises sémantiques et la réduction de la taille du fichier.

Comprendre HTML, CSS et JavaScript: un guide pour débutantApr 12, 2025 am 12:02 AM

WebDevelopmentReliesOnHTML, CSS, etjavascript: 1) HTMLSTRUCTURESCONTENT, 2) CSSSTYLESIT, et3) JavascriptAdddsInterActivity, Forming TheasisofmodernweBEBExperiences.

Le rôle de HTML: Structurer le contenu WebApr 11, 2025 am 12:12 AM

Le rôle de HTML est de définir la structure et le contenu d'une page Web via des balises et des attributs. 1. HTML organise le contenu via des balises telles que, ce qui le rend facile à lire et à comprendre. 2. Utilisez des balises sémantiques telles que, etc. pour améliorer l'accessibilité et le référencement. 3. Optimisation du code HTML peut améliorer la vitesse de chargement des pages Web et l'expérience utilisateur.

See all articles