Bienvenue sur Induste !

En vous inscrivant, vous pourrez discuter, partager et envoyer des messages privés avec d'autres membres de notre communauté.

Je m'inscris !

COMMENT INSÉRER UNE IMAGE?

Dadem

Membre
Inscription
28 Juillet 2015
Messages
522
Réactions
225
Points
7 449
    Réponse de Dadem Informatique et nouvelles technologies Développement : COMMENT INSÉRER UNE IMAGE?
  • #1
Salut les amis!
"Comment je vais insérer une image sur mon site web?"
Et bien je vais vous le dire!
Reprenons notre fameuse page web^^

<h1>La faim <h1>
<p>J'aime manger </p>
<p>Bein pas moi </p>
Et ici, vous voulez mettre une image d'une pizza

Admettons que votre fichier qui s'appellera pizza.png, et qu'il est dans le même dossier que celui de votre site, vous mettrez la balise <img src="pizza.png">

Si ce fichier est dans un dossier, qui s'appelle par exemplemangeettaistoi, vous mettrez <img src="mangeettaistoi/pizza.png">

Si ce fichier se trouve dans un dossier parent, vous mettrez <img src=".../pizza.png">

Essayez dans le nom de vos fichiers de ne pas mettre de majuscules, pas de signes spéciaux, pas d'accents et aucun espace

Donc notre site web (avec l'image en sous dossier) sera donc :
<h1>La faim <h1>
<p>J'aime manger </p>
<p>Bein pas moi </p>
<imgsrc="mangeettaistoi/pizza.png>

Essayez le sur votre site web ;) ,

__________________________________
Merci :D
Dadem le killer ♥ (GL)
 
Dernière édition:

Kévin 🚀

Administrateur
Administrateur
Inscription
18 Décembre 2012
Messages
4 698
Réactions
5 254
Points
20 632
    Réponse de Kévin 🚀 Informatique et nouvelles technologies Développement : COMMENT INSÉRER UNE IMAGE?
  • #2
Salut,
Évite les fautes de frappe sur le code, sinon les personnes qui vont C/c vont avoir des soucis ;)
 

Dadem

Membre
Inscription
28 Juillet 2015
Messages
522
Réactions
225
Points
7 449
    Réponse de Dadem Informatique et nouvelles technologies Développement : COMMENT INSÉRER UNE IMAGE?
  • #3
Je rappele que <p>... </p> signifie pargraphe et <h>... </h> signifie titre
Titre très très important : <h1>titre</h1>
Titre très important : <h2>titre </h2>
Titre important : <h3>titre </h3>
...
Et ainsi de suite jusqu'au <h6>, qui est le titre le moins important
 
Dernière édition:

Florian.

Premium
Inscription
8 Août 2012
Messages
4 251
Réactions
1 220
Points
14 353
    Réponse de Florian. Informatique et nouvelles technologies Développement : COMMENT INSÉRER UNE IMAGE?
  • #4
Salut,
Évite les fautes de frappe sur le code, sinon les personnes qui vont C/c vont avoir des soucis ;)
J'avoue y'a 3fautes

le bon code est

HTML:
<h1>La faim </h1>
<p>J'aime manger </p>
<p>bien pas moi </p>
<img src="mangeettaistoi/pizza.png">

De plus ton code est pas complet il manque <head><body> bref tout x)
 

Dadem

Membre
Inscription
28 Juillet 2015
Messages
522
Réactions
225
Points
7 449
    Réponse de Dadem Informatique et nouvelles technologies Développement : COMMENT INSÉRER UNE IMAGE?
  • #5

Dadem

Membre
Inscription
28 Juillet 2015
Messages
522
Réactions
225
Points
7 449
    Réponse de Dadem Informatique et nouvelles technologies Développement : COMMENT INSÉRER UNE IMAGE?
  • #6
J'avoue y'a 3fautes

le bon code est

HTML:
<h1>La faim </h1>
<p>J'aime manger </p>
<p>bien pas moi </p>
<img src="mangeettaistoi/pizza.png">

De plus ton code est pas complet il manque <head><body> bref tout x)
Merci et désolé j'ai oublié ça!
 

Dadem

Membre
Inscription
28 Juillet 2015
Messages
522
Réactions
225
Points
7 449
    Réponse de Dadem Informatique et nouvelles technologies Développement : COMMENT INSÉRER UNE IMAGE?
  • #7
Je mettrais un tuto qui explique ce qie c'est le HTML!
 

Switch.

Codeur Web à ton service | > Python
Premium
Inscription
13 Janvier 2013
Messages
2 956
Réactions
968
Points
6 491
    Réponse de Switch. Informatique et nouvelles technologies Développement : COMMENT INSÉRER UNE IMAGE?
  • #10

Axx67

Membre
Inscription
16 Février 2015
Messages
352
Réactions
236
Points
9 366
    Réponse de Axx67 Informatique et nouvelles technologies Développement : COMMENT INSÉRER UNE IMAGE?
  • #11

SamirMG

Développeur sous android , ios et web
Premium
Inscription
20 Novembre 2012
Messages
5 304
Réactions
1 033
Points
14 029
    Réponse de SamirMG Informatique et nouvelles technologies Développement : COMMENT INSÉRER UNE IMAGE?
  • #12
Tu penses pas qu'avant de vouloir faire un tuto tu dois toi même savoir écrire 4 lignes HTML sans faute ? :)
:o le clash :o :rofl:
Sinon le body de la page un apercu .
 

Jak Chirak

Membre
Inscription
21 Avril 2014
Messages
939
Réactions
371
Points
1 820
    Réponse de Jak Chirak Informatique et nouvelles technologies Développement : COMMENT INSÉRER UNE IMAGE?
  • #13
Tu aurais juste pus mettre :
HTML:
<img src="Chemin_De_Limage.png">
Et "Fin."

Tutoriel strictement inutile...
 

Haut Bas