communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français

Balisage d'image du didacticiel HTML Basics

Balise d'image

Remarque : il s'agit d'une balise unilatérale

Dans la page Web, les images peuvent être trouvées partout

7.png

8.png

Fondamentalement, chaque page Web contient des images

Ensuite, utilisons la balise <img>

  • Format de syntaxe : <attribut img = "valeur">

  • Commun attributs

  • Largeur : largeur de l'image

  • Hauteur : hauteur de l'image

  • Bordure : L'épaisseur de la bordure de l'image.

  • Src : Le chemin de l'image (chemin relatif)

  • Aligner : L'alignement horizontal de l'image, valeurs : gauche, centre, droite

  • Hspace : la distance entre l'image et le texte gauche et droit (distance horizontale)

  • Vspace : la distance entre l'image et le texte contextuel (distance verticale) ).

  • Notes

  • Si vous souhaitez redimensionner l'image proportionnellement, il suffit de spécifier la largeur ou la hauteur.

  • L'attribut Align ne peut centrer que le texte, pas l'image seule.

  • Align peut obtenir l'effet de « graphiques et textes mélangés ». align = « left | right »

  • Voyons un exemple : 

    • <!DOCTYPE HTML>
<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 </head>
 <body>
 <p>Life was like a box of chocolates, you never know what you're gonna get.（生命就像一盒巧克力，结果往往出人意料。）---《阿甘正传》 
 </p>
 <img src="/upload/course/000/000/009/58117bf7d1215384.jpg" width="200" border="5" align="center">
 </body>
</html>

Remarque : vous pouvez essayer de saisir d'autres attributs pour voir Effet, si vous souhaitez centrer l'image, vous ne pouvez utiliser que CSS Nous le présenterons plus tard.

Formation continue
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p>Life was like a box of chocolates, you never know what you're gonna get.（生命就像一盒巧克力，结果往往出人意料。）---《阿甘正传》 </p> <img src="/upload/course/000/000/009/58117bf7d1215384.jpg" width="200" border="5" align="center"> </body> </html>
soumettreRéinitialiser le code
Section précédente section suivante
Liste des didacticiels
obtenir de l'aide
  • Recommandations de cours
  • Téléchargement du didacticiel
Le didacticiel n'est pas disponible au téléchargement pour le moment. Le staff est actuellement en train de l'organiser. Veuillez prêter plus d'attention à ce cours à l'avenir ~

Les étudiants qui ont regardé ce cours apprennent également

Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)  492962 joue