Comment mettre une image sur un site web?
pour mettre une image sur un site, on n'a pas à nous casser la tête.
Mais, pour se faire on va avoir besoin d'un attribut.
C'est quoi un attribut?
C'est un peu les options des balises. Ils viennent les compléter pour donner des informations supplémentaires.
L'attribut se place souvent après le nom de la balise ouvrante et a le plus souvent une valeur.
Par exemple:
<Balise>
N.B: Si vous ne savez pas c'est quoi une balise, allez regarder la chapitre précedente. Bref.
Pour insérer une image, on met:
<img src="nomDeL'image.extension"/>
Il ya des personnes qui ne comprennent rien du tout. Je vais vous expliquer.
Img c'est une balise, comme, je vous ai déjà dit ce quoi une balise.
Src ="NomDeL'image.extension" c'est un attribut. C'est ce que nous venons tout juste de voir.
Ce que vous voyez entre les parenthèses c'est la valeur de l'attribut.
Entre les parenthèses, vous mettez le nom de votre image, si votre image s'appèle chat, vous mettez chat suivi de son extension.
C'est quoi une extension?
comment l'expliquer? c'est comme la musique, vous s'avez pour les musiques c'est le MP3, AVI ect. et pour les videos c'est MP4. Alors, les images aussi ont des extensions.
Pour les images on a plusieurs extensions. Comme:
Jpeg, png, Gif.
C'est à vous de choisir la vraie extension de votre image.
Comment savoir L'extension d'une image?
C'est simple. Si vous ne savez pas son extension. Vous n'avez qu'à faire un clique droit sur l'image et pressez sur propriété ou properties en anglais et vous verrez son extension sans problème.
Et pour finir on a: alt="photo de mon site"
Ça c'est une information qui n'est pas importante. Il ne va même pas parraitre sur votre site. Juste pour vous rappeler de quelle photo s'agit-elle.
Une dernière chose importante
Si votre image ne se trouve pas dans le même dossier de votre page html . Par exemple:
Vous avez un folder nommé: image et votre page se trouve en dehors de ce folder image.Le code précedent ne marchera pas. Il vous manque quelque chose.
Voici la ligne code complète pour ce cas.
<img src="NomDuFolder/NomDeL'image.Extension/>
N.B: NomDuFolder: c'est le nom du folder où se trouve votre image.
VOUS LISEZ
Apprenez à créer votre siteWeb (Html & Css)
RandomVous rêvez créer votre propre site internet? Vous en avez marre de payer pour créer vos différents siteWeb? Si vous répondez affirmativement à ces questions. Ce livre est pour vous. Vous y trouverez toutes les notions d'Html & css importantes pouvan...
