Cet article expliquera brièvement la méthode pour ajouter l'image à partir d'une URL.
Comment ajouter une image à partir d'une URL en HTML/CSS ?
En HTML/CSS, deux méthodes sont disponibles pour ajouter une image à l'aide de l'URL, répertoriée ci-dessous :
- Méthode 1 : ajouter une image à l'aide d'un élément en HTML
- Méthode 2 : ajouter une image à l'aide des propriétés CSS en HTML
Méthode 1 : ajouter une image en utilisant l'élément
Les '
Regardons les instructions ci-dessous pour ajouter une image en utilisant l'élément !
Étape 1 : Créer un conteneur div
Tout d'abord, créez un conteneur div en utilisant le ' Ensuite, utilisez la balise de titre requise à partir de ' ' pour ' ' étiqueter. Par exemple, nous utiliserons la balise Après cela, ajoutez un ' Selon la sortie ci-dessous, l'image spécifiée a été ajoutée avec succès : Les développeurs peuvent également ajouter l'image à partir d'une URL en utilisant le CSS ' image de fond ”CSS. à cet effet, suivez les étapes ci-dessous. Tout d'abord, insérez un texte d'en-tête à l'aide de la balise d'ouverture et de fermeture Ensuite, créez un conteneur div en utilisant la balise Maintenant, accédez à la classe via le sélecteur de points ' . ” et le nom de la classe qui a été créée précédemment. Après cela, appliquez les propriétés CSS répertoriées ci-dessous pour ajouter l'image à partir d'une URL à l'intérieur de la classe : Dans le code fourni ci-dessus : Sortir Vous avez appris les différentes méthodes pour ajouter des images à partir d'une URL. Pour ajouter une image à partir d'une URL, les développeurs peuvent utiliser le '
Étape 2 : Insérer un titre
et ajouterons le texte particulier comme titre à l'intérieur des balises d'ouverture et de fermeture.
Étape 3 : Ajouter une image à l'aide d'une URL
< div classer = 'img-container' >
< h2 > Ajouter une image avec URL < / h2 >
< image src = 'https://images.pexels.com/photos/2260800/pexels-photo-2260800.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' tout = 'Image!' la taille = '400px' largeur = '300px' / >
< / div >
Méthode 2 : ajouter une image à l'aide des propriétés CSS en HTML
Étape 1 : Insérer un titre
.
Étape 2 : Créer un conteneur div
> Ajouter une image avec URL
>
Étape 3 : Accéder au conteneur
Étape 4 : Ajouter une image à l'aide de la propriété CSS 'background-image'
la taille : 400px ;
largeur : 250px ;
taille d'arrière-plan : contenir ;
Image de fond : URL ( https : //images .pexels .com/photos/ 2260800 /pexels-photo- 2260800 .jpeg ? auto = compress&cs = minusculesrgb&w = 1260 &h = 750 &dpr = un )
}
Conclusion