Aller au contenu

Problème d'image sur ma page Html

Bones-75

Par Bones-75,
dans Informatique - Divers

Messages recommandés

Bones-75

Bones-75 21

Membre, 24ans Posté(e)
Bones-75
Bones-75 Membre 89 messages
Forumeur activiste‚ 24ans‚
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. (^ ^)

Lien à poster
Partager sur d’autres sites
Annonces
Maintenant
arrial

arrial 1 311

MembreR, 24ans Posté(e)
arrial
arrial MembreR 1 904 messages
Forumeur vétéran‚ 24ans‚
Posté(e)

T'as rencontré un os, Bone's.

Lien à poster
Partager sur d’autres sites
Frank_N

Frank_N 6 790

Membre, 72ans Posté(e)
Frank_N
Frank_N Membre 5 488 messages
Maitre des forums‚ 72ans‚
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 >.

Lien à poster
Partager sur d’autres sites
Bones-75

Bones-75 21

Membre, 24ans Posté(e)
Bones-75
Bones-75 Membre 89 messages
Forumeur activiste‚ 24ans‚
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
Black Dog

Black Dog 2 818

Membre, 154ans Posté(e)
Black Dog
Black Dog Membre 4 991 messages
Maitre des forums‚ 154ans‚
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.

Lien à poster
Partager sur d’autres sites
Frank_N

Frank_N 6 790

Membre, 72ans Posté(e)
Frank_N
Frank_N Membre 5 488 messages
Maitre des forums‚ 72ans‚
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

 

Lien à poster
Partager sur d’autres sites
Ed.

Ed. 1 150

Membre, 🐧 Forumeur libre, 55ans Posté(e)
Ed.
Ed. Membre 1 121 messages
55ans‚ 🐧 Forumeur libre,
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

Lien à poster
Partager sur d’autres sites
Bones-75

Bones-75 21

Membre, 24ans Posté(e)
Bones-75
Bones-75 Membre 89 messages
Forumeur activiste‚ 24ans‚
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
Bones-75

Bones-75 21

Membre, 24ans Posté(e)
Bones-75
Bones-75 Membre 89 messages
Forumeur activiste‚ 24ans‚
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
Black Dog

Black Dog 2 818

Membre, 154ans Posté(e)
Black Dog
Black Dog Membre 4 991 messages
Maitre des forums‚ 154ans‚
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

Archivé

Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.

Aller sur la liste des sujets
×