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
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.section suivante
<!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>
