par

Comment faire pour insérer une image dans une page HTML ?

2 Réponses

+1 validé
par

La méthode classique pour insérer une image en HTML consiste à utiliser la balise <img> qui dispose de plusieurs attributs :

  • L'attribut src permet de spécifier l'emplacement de chargement de l'image.
  • L'attribut alt permet de décrire l'image au cas où l'image ne se chargerait pas correctement.
  • Les attributs width et height permettent de spécifier le nombre de pixels de l'image.
  • L'attribut border permet de définir la taille en pixel de la bordure de l'image lorsque celle-ci contient un lien hypertexte.

Exemple pour insérer une image en HTML avec la balise <img> :

<img src="https://www.1formatik.com/os.jpg" alt="1FORMATIK.com" width="320" height="220" border="0">

Il existe d'autres attributs à la balise <img> pour personnaliser et insérer une image en HTML, pour cela référez-vous à cette documentation du site de Mozilla.

+1 validé
par

Si vous voulez insérer une image de fond dans un bloc HTML, privilégiez l'utilisation de feuilles de style CSS au lieu de la balise <img>.

Il vous faudra ajouter une class à votre balise <div> et définir l'image à l'aide des propriétés CSS background-image, background-repeat, width et height.

Exemple pour insérer une image de fond à une balise <div> avec CSS :

<style>
.image-fond {
background-image: url('https://www.1formatik.com/os.jpg');
background-repeat: no-repeat;
width: 320px;
height: 2200px;
}
</style>

<div class="image-fond"></div>

Vous trouverez d'avantage d'informations sur la manière d'ajouter une image de fond à un bloc HTML sur la documentation suivante.

Lecture Recommandée

Edward Snowden - Mémoires vives

"Je m'appelle Edward Joseph Snowden. Avant, je travaillais pour le gouvernement mais aujourd'hui je suis au service de tous. Il m'a fallu près de trente ans pour saisir la différence et quand j'ai compris, ça m'a valu quelques ennuis au bureau."

L'homme qui a tout risqué pour dénoncer la surveillance globale, ou l'extraordinaire histoire d'un garçon brillant qui a grandi "en ligne", d'un homme devenu espion, puis lanceur d'alerte, et, en exil, la consciencce de l'internet.

Mémoires vives est un témoignage exceptionnel, également disponible en numérique.

Sujets Connexes

Offre Sponsorisée

Ailleurs sur le Web

Questions liées

Merci pour votre visite sur 1FORMATIK.com

Un petit clic sur la pub est toujours apprécié, c'est elle qui finance le site

Bon surf

...