PCstuce
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.


Tous pour le PC
 
AccueilRechercherDernières imagesS'enregistrerConnexion
Le Deal du moment :
Pokémon EV06 : où acheter le Bundle Lot ...
Voir le deal

 

 [TUTO] Les images [part.3]

Aller en bas 
AuteurMessage
mad
Admin
Admin
mad


Messages : 37
Date d'inscription : 29/05/2011
Age : 33

[TUTO] Les images [part.3] Empty
MessageSujet: [TUTO] Les images [part.3]   [TUTO] Les images [part.3] Icon_minitimeDim 5 Juin - 9:06

Insérer une image


En HTML nous insérons une image grâce à la balise <img scr= "test.png" alt= "image de test"/>
Vous allez me dire mais quesque c'est que sa Shocked , je vais tous vous expliqué.

La balise en elle même est <img/> c'est une balise de type seule.
Dans cette balise il y a deux attributs:

- "scr=" c'est le chemin de l'image exemple:

Code:
<img scr="http://i23.servimg.com/u/f23/16/53/22/83/pc_stu10.gif" alt="petit texte défilent" />

Ou encore :

Code:
<img scr="textedefilent.png" alt="petit texte défilent" />

le chemin doit être tous le temps entre " ", un chemin peut être une adresse comme "https://i.servimg.com/u/f23/16/53/22/83/pc_stu10.gif" ou alors un chemins vert le disque comme
"textedefilant.png" que si l'image se trouve dans le même dossier si vous avez un dossier exprès pour vos image se sera "images/textedefilant.png".

Le deuxième attribut est "alt=" il vous sert a mettre une description de l'image encore un fois la description doit être entre " ".
ATTENTION les image doivent obligatoirement être inséré dans un paragraphe.

Evitez à tout prix les accents, majuscules et espaces dans vos noms de fichiers et de dossiers. Voici un chemin qui va poser problème :
"Images du site/Image tout bête.jpg"
Il faudrait supprimer les espaces (ou les remplacer par le symbole "_"), supprimer les accents et tout mettre en minuscules comme ceci :
"images_du_site/image_toute_bete.jpg"
Sachez donc que si votre image ne s'affiche pas, c'est très certainement parce que le chemin est incorrect ! Simplifiez au maximum vos noms de fichiers et de dossiers et tout ira bien .



Revenir en haut Aller en bas
http://pcstuce.jeunforum.com
 
[TUTO] Les images [part.3]
Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
PCstuce :: Programmation :: PHP/HTML/CSS/JavaScript-
Sauter vers: