Maison >interface Web >tutoriel CSS >Vous apprendre étape par étape comment utiliser la balise img pour ajouter des effets d'image (connaissance)

Vous apprendre étape par étape comment utiliser la balise img pour ajouter des effets d'image (connaissance)

奋力向前
奋力向前original
2021-07-29 16:21:025619parcourir

Dans l'article précédent "Comment utiliser HTML pour créer une barre de navigation simple et belle (explication détaillée du code)", je vous ai présenté comment utiliser HTML pour créer une barre de navigation. L'article suivant vous montrera comment ajouter des effets d'image à la balise img. Voyons comment le faire ensemble. La balise

Vous apprendre étape par étape comment utiliser la balise img pour ajouter des effets d'image (connaissance)

Vous apprendre étape par étape comment utiliser la balise img pour ajouter des effets d'image (connaissance)

Vous apprendre étape par étape comment utiliser la balise img pour ajouter des effets d'image (connaissance) est utilisée pour définir les images sur les pages Web. La plupart des images que nous voyons habituellement sur les pages Web sont définies avec cette balise.

Exemple de code :

<img  src="https://img.php.cn/upload/image/682/458/838/1627535900680707.jpg"    style="max-width:90%"  style="max-width:90%" alt="Vous apprendre étape par étape comment utiliser la balise img pour ajouter des effets d'image (connaissance)" >

Le rendu est le suivant :

Vous apprendre étape par étape comment utiliser la balise img pour ajouter des effets dimage (connaissance)

En raison de la norme, il n'y a pas de description claire des formats d'image que le navigateur doit prendre en charge. Les formats courants sont largement pris en charge

Vous apprendre étape par étape comment utiliser la balise img pour ajouter des effets d'image (connaissance)
  • SRC : Spécifiez l'adresse de stockage de l'image et où la stocker. Sans cet attribut, le navigateur ne le saura pas.

  • Largeur et hauteur : Spécifiez la largeur et la hauteur de l'image. Il est recommandé d'utiliser CSS pour y parvenir.

  • Apprentissage recommandé :

    Tutoriel vidéo CSS

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