Bienvenue dans notre cours résumé sur l’html5. Nous avons vu la structure de base d’une page html, comment ajouter des paragraphes et des titres. Cette partie concerne la balise html5 qui permet d’ insérer une image.
HTML5 : insérer une image
Dans la plupart des pages web créées par HTML5, on aura besoin d’insérer une ou plusieurs images : logo du site, image d’arrière plan, galerie des images, images des articles en promotion…
Pour pouvoir insérer une image dans une page html, on utilise la base img avec l’attribut obligatoire src qui inclut le chemin vers l’image. Ainsi, on utilise la syntaxe suivante :
<img src="chemin de l'image" />
Avec :
- chemin de l’image : le chemin vers l’enplacement de l’image.
HTML5 : l’attribut alt
on peut utiliser l’attribut alt pour spécifier le texte alternatif qui s’affiche à la place de l’image en cas de problème.
Exemple :
<img src="9raytifclick" alt="impossible de trouver l'image"/>
HTML 5 : changer la largeur de l’image
On peut utiliser l’attribut style (qui permet d’ajouter des styles css) pour modifier la largeur (width) de l’image.
Vous pouvez suivre notre cours complet d’HTML. pour approfondir vos compétences sur le développement web en utilisant le langage html5.
Aussi, vous avez une playlist des vidéos (Explication en Darija arabe marocaine) bien organisée qui traite : Vidéos sur l’HTML5