Images HTML
- Ajouter des images à votre site Web
- Modifier la hauteur et la largeur des images
- Ajout d'images d'un sous-dossier
- Ajout d'images d'un autre site Web
- Utilisation d'images comme lien
Commençons.
1. Ajouter des images à votre site Web
Les images peuvent être incluses dans un site Web à l'aide de la balise. La balise est vide et ne se compose que d'attributs et n'a pas de balise de clôture.
Syntaxe
La balise a la syntaxe mentionnée ci-dessous.
Les attributs de la balise sont expliqués ci-dessous.
Attribut SRC
Cet attribut décrit le chemin de l'image.
Attribut ALT
Il fournit un autre nom de l'image. Cet alternative apparaît en raison d'une raison pour laquelle l'image ne charge pas. Le nom alternatif doit décrire l'image.
Exemple
Dans l'exemple suivant, nous ajoutons une image des lumières du Nord sur une page Web en utilisant la balise. Nous avons simplement donné le chemin de l'image à l'attribut SRC et un nom alternatif à l'image au cas où l'image ne se charge pas.
Apprendre des images HTML
Sortir
L'image de Northern Lights a été intégrée dans la page Web.
Maintenant, dans le cas, l'image ne se charge pas en raison d'une erreur, c'est ainsi que le nom alternatif apparaît sur la page Web au lieu de l'image.
2. Modifier la hauteur et la largeur des images
Les attributs de hauteur et de largeur sont utilisés pour modifier la hauteur et la largeur des images.
Exemple
Supposons que vous souhaitiez changer la hauteur et la largeur d'une image HTML.
Apprendre des images HTML
Nous avons réglé la largeur de l'image à 300 et la hauteur à 400.
Sortir
La largeur et la hauteur de l'image ont été ajustées.
Une autre façon d'ajuster la largeur et la hauteur des images HTML est d'utiliser l'attribut de style.
Exemple
Dans l'exemple suivant, l'attribut de style est utilisé pour définir la largeur et la hauteur de l'image.
Apprendre des images HTML
Nous avons réglé la largeur de l'image à 300px et une hauteur à 150px.
Sortir
La largeur et la hauteur de l'image ont été modifiées.
3. Ajout d'images d'un sous-dossier
Si vos images sont enregistrées dans un dossier différent, vous devez ajouter le chemin de ce dossier dans l'attribut SRC de la balise.
Exemple
Dans cet exemple, l'image «oiseau.JPG ”est placé dans un sous-dossier« Images », nous donnons donc le chemin de ce dossier dans l'attribut SRC de la balise.
Apprendre des images HTML
L'image est présente dans un sous-dossier comme indiqué ci-dessous.
Sortir
L'image a été intégrée sur la page Web qui était présente dans un sous-fichier.
4. Ajout d'un autre site Web
Afin d'intégrer des images d'un autre site Web, vous avez simplement fourni l'URL de l'image dans l'attribut SRC de la balise.
Exemple
Dans l'exemple suivant, une image est intégrée à partir de Google.COM SITE WEB UTILISATION.
Apprendre des images HTML
Sortir
Image de Google.Le site Web com a été intégré.
5. Utilisation d'images comme lien
Les images HTML peuvent être utilisées comme liens et à cette fin, incluez la balise à l'intérieur de la balise.
Exemple
Dans l'exemple suivant, l'image est utilisée comme lien vers un autre site Web.
Apprendre des images HTML
Sortir
Cliquez sur l'image et le site Web s'ouvrira dont le lien a été fourni dans l'attribut HREF de la balise.
Le site Web a été ouvert après avoir cliqué sur l'image.
Conclusion
Les images peuvent être intégrées dans des sites Web en utilisant la balise HTML. Il s'agit d'une balise vide avec seulement deux attributs qui sont; SRC et Alt. L'attribut SRC prend le chemin de l'image et Alt sert de nom alternatif au cas où l'image ne charge pas, en outre, la largeur et la hauteur de l'image peuvent être ajustées en fonction du désir. Les images peuvent être intégrées à partir d'autres sites Web et peuvent être utilisées comme liens. Ce message traite en détail des images HTML à l'aide d'exemples.