Les images en HTML

Exemple: Aide HTML

Vers une image qui se trouve dans mon répertoire "images"

<img src="images/aide-boite.jpg" width="73" height="73" alt="Aide HTML" />

Vers une image en ligne

Exemple : HTML
<img src="http://www.conseil-webmaster.com/images/aide-boite.jpg" width="73" height="73" alt="HTML" />

Les attributs des images

src: Ou se trouve mon image, son chemin

width: Permet de préciser la largeur de l'image

height: Permet de préciser la hauteur de l'image

alt: Affiche un texte de remplacement dans le cas ou l'image ne peut être lu, si vous passez votre curseur sur l'image avec IE vous pouvez voir une info bulle qui contiendra le texte de remplacement

border: avec comme valeur 0 permet d'enlever la bordure lorsque mon image est liée à un lien hypertexte

Lien sur une image

Exemple : HTML + De détails sur les liens hypertextes
Lorsque j'ai un lien sur une image, pour enlever la bordure ajouter border="0"

<a href="liens-hypertexte.html" title="Lien hypertexte sur une image">
<img src="images/aide-boite.jpg" alt="HTML" width="73" height="73" border="0" />
</a>

Plan du site | Contact | Création LCFormateur
Ce site est liste dans la categorie Enseignement et formation : Formations professionnelles de l'annuaire Referencement et Dictionnaire
Informatique Zen | Glam Bar | Formation webmaster  |  Formation bureautique  | Le Kervegan | Maintenance industrielle Nord
Fitness Valenciennes | Zumba Valenciennes | Test de personnalité | Recherche sur le cancer | Mise en plan 3D