Maison >interface Web >tutoriel HTML >Comment afficher des images en HTML
Comment afficher des images en HTML
- 青灯夜游original
- 2021-10-11 15:52:1732560parcourir
Comment afficher des images en HTML : 1. Utilisez la balise img avec la syntaxe "
"; 2. Ajoutez "background-image:url (adresse du fichier image);" au style de l'élément spécifié.
L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.
Comment afficher des images en HTML
Méthode 1 : Utilisez la balise img pour insérer une image
En HTML, vous pouvez utiliser l'élément img pour intégrer une image dans une page Web.
Veuillez noter que techniquement, la balise n'insère pas d'image dans la page Web, mais lie plutôt l'image de la page Web. La balise
crée un espace réservé pour l'image référencée.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <img src="img/1.jpg" style="max-width:90%" / alt="Comment afficher des images en HTML" > </body> </html>
Méthode 2 : utilisez l'attribut CSS background-image
Ajoutez simplement le style "background-image:url(image file address);" à l'élément spécifié
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
div{
width: 500px;
height: 300px;
background-image: url(img/1.jpg);
background-repeat: no-repeat;
background-size: 400px;
}
</style>
</head>
<body>
<div></div>
</body>
</html>Rendu :
Tutoriel recommandé : "Tutoriel vidéo 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!