Instructions gratuites étape par étape 
![]()
![]("URL)
Assurez-vous que l`URL indique le format de fichier de l`image (.jpg .poison, etc.).
Ajouter une image en html
L`ajout d`images à votre site Web ou à votre profil de réseau social est un excellent moyen d`habiller votre page Web. HTML (HyperText Markup Language) a des tonnes de fonctionnalités pour créer des pages Web, mais heureusement, le code dont vous avez besoin pour ajouter des images n`est pas trop difficile.
Pas
Méthode 1 sur 1 : Insertion d`images avec HTML
1. Téléchargez votre image sur un site Web d`hébergement gratuit, tel que Photobucket ou TinyPic, qui permet la liaison à chaud. Le hot-linking permet un lien direct d`une image vers le serveur du site Web ; certains fournisseurs l`ont interdit car la liaison à chaud utilise leur bande passante et prend de l`espace sur leurs serveurs.
- Si vous avez un compte d`hébergement payant, téléchargez les images directement sur le serveur où est placé votre site Web. C`est toujours plus fiable qu`un site gratuit et ça ne doit pas être cher du tout.
2. Ouvrez un nouveau document dans un éditeur de texte (b.v., Bloc-notes/Bloc-notes) ou ouvrez la page de votre site Web/profil où vous pouvez modifier directement le code HTML.
3. Commencez par le img étiqueter. le img la balise est vide, ce qui signifie qu`aucune balise de fermeture n`est nécessaire. Mais, pour la validation XHTML, vous pouvez toujours mettre un espace et une barre oblique avant plus grand que marque.
4. Il existe de nombreux attributs disponibles, mais un seul est nécessaire :src. C`est l`emplacement/l`adresse, ou aussi l`URL, de votre image.
5. Ensuite, vous devez alt ajouter un attribut. Cela affichera un texte alternatif, au cas où l`image ne se chargerait pas. C`est aussi un service pour les malvoyants qui utilise des lecteurs d`écran.
Si vous passez le curseur sur une image, ce texte s`affiche également sous forme d`info-bulle, mais ce n`est le cas que dans Internet Explorer. La solution qui fonctionne avec tous les navigateurs (Firefox et al.) c`est pour çaTitre attribut à utiliser à côté de alt. (Vous pouvez omettre ce dernier si vous ne voulez pas que l`image ait une info-bulle.)
Par exemple:
- 1. Maintenant, vous pouvez éventuellement indiquer la taille de l`image, avec le la taille et largeur attribut, et en spécifiant les pixels ou un pourcentage. Notez que le redimensionnement de cette manière ne modifie que la taille de l`affichage, pas la taille de l`image elle-même. Pour raccourcir le temps de chargement d`une image, il vaut mieux, surtout avec des images de grande taille, la redimensionner au préalable avec un logiciel de retouche photo ou avec un service en ligne comme PicResize.com.
Des astuces
- La valeur de ces attributs est soit donnée en pixels, soit en pourcentage, de 1 à 100 %.
- L`image peut être placée n`importe où sur la page Web, en utilisant les différents attributs de mise en forme tels que haut, bas, milieu, droite, gauche, etc.
- L`attribut hspace est appliqué pour insérer un espace horizontal à gauche et à droite d`une image, en utilisant l`attribut vspace pour faire de l`espace en haut et en bas des images et autres objets.
- Ne vous laissez pas abuser par les images. Cela a l`air désordonné et non professionnel.
- Les images GIF sont parfaites pour les logos ou les dessins animés, mais ce type de fichier est moins adapté aux photos et autres images avec de nombreuses couleurs.
- Les images GIF ne prennent en charge que les couleurs 8 bits avec un maximum de 256 couleurs pour une image. Il faut donc s`attendre à ce que le rendu d`une illustration ou d`une photo couleur 16 ou 24 bits soit moins bon.
- Les images GIF prennent également en charge la transparence. Une transparence d`un bit est possible, ce qui signifie qu`une couleur peut être rendue transparente.
- L`entrelacement est également pris en charge par les images GIF, ce qui signifie que le visiteur du site a une idée de ce à quoi ressemblera l`image avant qu`elle ne soit complètement chargée.
- Le format GIF prend également en charge l`animation.
Mises en garde
Articles sur le sujet "Ajouter une image en html"
Оцените, пожалуйста статью
Populaire
