Aller au contenu

Problème d'image sur ma page Html

Noter ce sujet


Messages recommandés

Membre 20ans Posté(e)
Bones-75 Membre 83 messages
Forumeur en herbe‚ 20ans
Posté(e)

Bonjour/bonsoir

J'ai débuter une petit page html (^ ^) riens de compliquer pour un début.

Cela dit j'aimerais pouvoir afficher mon image sur mon site c'est a dire qu'il soit visible.

Pour ce faire j'ai suis vis quelque idée sur d'autres forums et ce n'étais pas vraiment le résultat que j'attendais car riens ne s'affiche et le problème y ais toujours.

Voici un petit bout de mon code :

 

<!DOCTYPE html>
<html>
 <head> 
 <TITLE>HELLO WORLD</TITLE>
</head>

<body>
    <p><h1>Bienvenu sur mon test</h1></p>
 <img src="https://gfycat.com/untimelygrizzledarcherfish" />
    
  </body>
  
</html>

Ceci dit se projet est a titre personnel. (^ ^)

Modifié par Bones-75
Lien à poster
Partager sur d’autres sites
Annonces
Maintenant
Membre 68ans Posté(e)
Frank_N Membre 2 027 messages
Forumeur alchimiste‚ 68ans
Posté(e)

Il vous faut une extension à votre fichier image (jpg, png, gif etc.). La balise <IMG> n'a pas de balise fermante donc supprimez le / avant le >.

  • Like 1
Lien à poster
Partager sur d’autres sites
Membre 20ans Posté(e)
Bones-75 Membre 83 messages
Forumeur en herbe‚ 20ans
Posté(e)
il y a 5 minutes, Frank_N a dit :

Il vous faut une extension à votre fichier image (jpg, png, gif etc.). La balise <IMG> n'a pas de balise fermante donc supprimez le / avant le >.

D'accord merci pour l'info.

Lien à poster
Partager sur d’autres sites
Membre 150ans Posté(e)
Black Dog Membre 3 479 messages
Forumeur alchimiste‚ 150ans
Posté(e)
il y a 47 minutes, Frank_N a dit :

Il vous faut une extension à votre fichier image (jpg, png, gif etc.). La balise <IMG> n'a pas de balise fermante donc supprimez le / avant le >.

 

Il faut par ailleurs que le lien pointe sur une image car l'URL en question est une page web.

  • Like 2
Lien à poster
Partager sur d’autres sites
Membre 68ans Posté(e)
Frank_N Membre 2 027 messages
Forumeur alchimiste‚ 68ans
Posté(e)

Je ne sais pas sur quels forums vous êtes allé mais assurément pas les bons.

Tout d'abord, votre balise doctype doit être accompagnée de l'indication de la langue

<!DOCTYPE html>
<html lang="fr">

<p><h1>Bienvenu sur mon test</h1></p>
C'est une aberration. Les balises <Hx> se comportent comme des paragraphes alors que la balise <P> encadre un paragraphe. Elle est inutile telle que vous l'avez mise.

Un bon lien pour commencer si vous voulez apprendre
https://developer.mozilla.org/fr/docs/Learn/HTML/Introduction_to_HTML/Getting_started

 

  • Like 2
Lien à poster
Partager sur d’autres sites
Membre 51ans Posté(e)
Ed. Membre 250 messages
Forumeur activiste‚ 51ans
Posté(e)
Il y a 3 heures, Bones-75 a dit :

<img src="https://gfycat.com/untimelygrizzledarcherfish" />

Comme indiqué par @Black Dog, l'URL correspond à la page html du site sur lequel figure l'image ; si tu veux afficher l'image de prévisualisation de la vidéo, il faut faire un clic droit sur la vidéo, inspecter l'élément et récupérer l'adresse de l'image : https://thumbs.gfycat.com/UntimelyGrizzledArcherfish-mobile.jpg.

Si tu préfères afficher la vidéo, tu dois utiliser une balise <video> et récupérer son URL de la même manière.

Attention, certains sites empêchent l'affichage de leur contenu à partir d'autres sites afin de préserver leur consommation en volume de données.

 

Il y a 3 heures, Frank_N a dit :

La balise <IMG> n'a pas de balise fermante donc supprimez le / avant le >

Je dirais plutôt qu'elle n'en a pas besoin. Pour ma part, ça fait 20 ans que j'utilise des balises auto-fermantes, même si la page n'est pas déclarée en XHTML. Je trouve que c'est une bonne habitude quand, à côté, on bosse en XML, XSLT, etc., et ça permet de vérifier plus facilement que le document est bien formé avec la plupart des éditeurs de texte. Quant à la compatibilité avec les navigateurs, je me souviens que Netscape Navigateur et ses concurrents de l'époque n'étaient aucunement perturbés par la barre oblique du moment qu'on mettait bien un espace devant.
Dans le même esprit, il n'est pas plus mal d'utiliser des noms d'éléments et d'attributs en minuscules et pour ces derniers de leur attribuer une valeur explicite. https://fr.wikipedia.org/wiki/Extensible_Hypertext_Markup_Language#Conversion_de_HTML_en_XHTML

  • Like 1
Lien à poster
Partager sur d’autres sites
Membre 20ans Posté(e)
Bones-75 Membre 83 messages
Forumeur en herbe‚ 20ans
Posté(e)
Il y a 5 heures, Ed. a dit :

Comme indiqué par @Black Dog, l'URL correspond à la page html du site sur lequel figure l'image ; si tu veux afficher l'image de prévisualisation de la vidéo, il faut faire un clic droit sur la vidéo, inspecter l'élément et récupérer l'adresse de l'image : https://thumbs.gfycat.com/UntimelyGrizzledArcherfish-mobile.jpg.

Si tu préfères afficher la vidéo, tu dois utiliser une balise <video> et récupérer son URL de la même manière.

Attention, certains sites empêchent l'affichage de leur contenu à partir d'autres sites afin de préserver leur consommation en volume de données.

 

Je dirais plutôt qu'elle n'en a pas besoin. Pour ma part, ça fait 20 ans que j'utilise des balises auto-fermantes, même si la page n'est pas déclarée en XHTML. Je trouve que c'est une bonne habitude quand, à côté, on bosse en XML, XSLT, etc., et ça permet de vérifier plus facilement que le document est bien formé avec la plupart des éditeurs de texte. Quant à la compatibilité avec les navigateurs, je me souviens que Netscape Navigateur et ses concurrents de l'époque n'étaient aucunement perturbés par la barre oblique du moment qu'on mettait bien un espace devant.
Dans le même esprit, il n'est pas plus mal d'utiliser des noms d'éléments et d'attributs en minuscules et pour ces derniers de leur attribuer une valeur explicite. https://fr.wikipedia.org/wiki/Extensible_Hypertext_Markup_Language#Conversion_de_HTML_en_XHTML

D'accord @Ed. 

Lien à poster
Partager sur d’autres sites
Membre 20ans Posté(e)
Bones-75 Membre 83 messages
Forumeur en herbe‚ 20ans
Posté(e)
Il y a 13 heures, Black Dog a dit :

Il faut par ailleurs que le lien pointe sur une image car l'URL en question est une page web.

Pourrais tu me montrer un petit extrait ? Pour que je puisse avoir une idée de ce que tu essayé de me dire. (^ ^)

Lien à poster
Partager sur d’autres sites
Membre 150ans Posté(e)
Black Dog Membre 3 479 messages
Forumeur alchimiste‚ 150ans
Posté(e)

Bien sûr, le lien que tu as mis dans ton code pointe sur une page Web : https://www.forumfr.com/membre218818-bones-75.html?tab=field_core_pfield_13 page qui contient divers éléments.

Pour afficher une image il faut utiliser l'URL (le lien) qui pointe directement vers l'image, par exemple https://www.forumfr.com/uploads/monthly_2021_06/359325387_FacebookProfile.thumb.png.5cd6480969d33f29ab97cce2984ea65b.png (ici l'URL finit par .png qui est un format d'image, ça marcha aussi avec .jpeg, .gif et bien d'autres).

 

Lien à poster
Partager sur d’autres sites
Annonces
Maintenant

Rejoindre la conversation

Vous pouvez publier maintenant et vous inscrire plus tard. Si vous avez un compte, connectez-vous maintenant pour publier avec votre compte.

Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

Chargement
×