HTML Images
Essayez vous-même - Exemples
Insérer des images
Comment insérer des images dans un document HTML.
Comment insérer des images dans un document HTML.
Insérer des images à partir d'emplacements différents
Comment insérer une image dans un autre dossier ou un autre serveur.
Comment insérer une image dans un autre dossier ou un autre serveur.
(Vous pouvez trouver plus d'exemples au bas de cette page).
Images HTML: la balise img et l'attribut src
En HTML, les images sont définies avec la balise img.
La balise img est vide, ce qui signifie qu'il contient des attributs seulement, et n'a pas de balise de fermeture.
Pour afficher une image sur une page, vous devez utiliser l'attribut src. Src est synonyme de "source". La valeur de l'attribut src est l'URL de l'image que vous souhaitez afficher.
Syntaxe de définition d'image:
<img src="url" alt="some_text"/>
L'URL pointe vers l'emplacement où l'image est stockée. Une image nommée "boat.gif", situé dans le dossier "images" sur "www.w3schools.com" a l'URL: http://www.w3schools.com/images/boat.gif.
Le navigateur affiche l'image où la balise img apparaît dans le document. Si vous mettez une balise d'image entre deux paragraphes, le navigateur affiche le premier paragraphe, puis l'image, puis le deuxième alinéa.
Images - L'attribut HTML Alt
L'attribut alt obligatoire spécifie un texte alternatif pour une image, si l'image ne peut pas être affichée.
La valeur de l'attribut alt est un texte-auteur défini:
<img src="boat.gif" alt="Big Boat" />
L'attribut alt fournit des informations de remplacement pour une image si un utilisateur pour une raison quelconque ne peut pas le voir (à cause de connexion lente, une erreur dans l'attribut src, ou si l'utilisateur utilise un lecteur d'écran).
Images HTML - Hauteur Définit la largeur d'une image
Les attributs height et width sont utilisés pour spécifier la hauteur et la largeur d'une image.
Les valeurs d'attribut sont spécifiées en pixels par défaut:
<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228" />
Astuce: Il est une bonne pratique de spécifier à la fois attributs height et width pour une image. Si ces attributs sont définis, l'espace requis pour l'image est réservé lorsque la page est chargée.Toutefois, sans ces attributs, le navigateur ne connaît pas la taille de l'image. L'effet sera que la mise en page va changer au cours du chargement (alors que le chargement des images).
Notes de base - Conseils utiles
Remarque: Si un fichier HTML contient dix images - onze fichiers sont nécessaires pour afficher la page de droite. Chargement des images prend du temps, mon meilleur conseil est: Utilisez des images avec soin.
Remarque: Quand une page Web est chargé, il est le navigateur, à ce moment-là, qui est en fait l'image à partir d'un serveur Web et l'insère dans la page. Par conséquent, assurez-vous que les images qui sont réellement rester dans le même endroit par rapport à la page web, sinon, vos visiteurs auront une icône de lien cassé. L'icône de lien brisé est affiché si le navigateur ne peut pas trouver l'image.
Exemples
Alignement des images
Comment aligner une image dans le texte.
Comment aligner une image dans le texte.
Laissez l'image flotter
Comment laisser un flotteur image vers la gauche ou la droite d'un paragraphe.
Comment laisser un flotteur image vers la gauche ou la droite d'un paragraphe.
Faire un lien hypertexte d'une image
Comment utiliser une image comme un lien.
Comment utiliser une image comme un lien.
Créer une image map
Comment faire pour créer une image map, avec les régions cliquables. Chacune des régions est un lien hypertexte.
Comment faire pour créer une image map, avec les régions cliquables. Chacune des régions est un lien hypertexte.
Les tags HTML
| Balise | Description |
|---|---|
| <img /> | Définit une image |
| <map> | Définit une carte-image |
| <area /> | Définit une zone cliquable dans une image-map |
0 commentaires:
Post a Comment
HELLO VISITORS THANKS FOR YOUR VISIT AND COMMENT