Insérer une image HTML
Un article de WikiTuto.
Sommaire |
[modifier]
Niveau
- Niveau amateur
[modifier]
Description
Ce tutoriel va vous permettre d'insérer des images sur une page HTML
[modifier]
Explication
[modifier]
Avant de commencer
- Trouvez une image et déplacez là au même endroit que votre fichier HTML
[modifier]
La balise img
La balise img permet en HTML d'insérer une image, elle comporte plusieurs attributs que nous allons voir en détails.
[modifier]
L'attribut src
- Pour insérer une image qui est au même endroit que votre fichier html,vous devez rentrez le code suivant, src étant l'attribut de chemin de l'image :
<img src="wikituto.jpg">
- On peut aussi donner un lien internet comme ceci
<img src="http://www.wikituto.org/images/wikituto.jpg">
[modifier]
L'attribut alt
- L'attribut alt permet de mettre une légende sur votre image, si celle-ci n'est pas affichée, ou si on laisse passer le curseur de la souris dessus :
<img src="wikituto.jpg" alt="Le logo de WikiTuto.org">
[modifier]
L'attribut border
- L'attribut boder permet de mettre une bordure tout autour de votre image, avec une taille en pixel :
<img src="wikituto.jpg" alt="Le logo de WikiTuto.org" border="1">
[modifier]
L'attribut width et height
- Ces deux attributs vous permettes de spécifier la taille de votre image width=largeur et height= la hauteur
<img src="wikituto.jpg" alt="Le logo de WikiTuto.org" border="1" width="100" height="150">
[modifier]
