Affichage des images en HTML

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !

Modérateur : Asumbaa

LERUSTE
Arias
Messages : 3
Inscription : 24 août 2014, 11:49

Affichage des images en HTML

Message par LERUSTE » 02 oct. 2017, 12:39

Bonjour,
Je travaille dans le contexte suivant :
Ubuntu 16.04.3 LTS 32 bits
Firefox 55.0.2
En langage HTML, je développe un premier fichier qui utilise la balise <img />, voici un exemple de son utilisation :
<p>
<img src="https://github.com/AIREL46/SCAO/blob/ma ... -photo.png" alt="Entretoise aluminium de la e-p-433" title="" />
</p>
Pour obtenir le rendu à l'écran, dans un terminal, j'utilise la commande :
firefox mon-fichier.html
La mise en page du texte est correcte, par contre la majorité des images ne sont pas affichées.
Merci de m'aider à résoudre ce problème.
Régis LERUSTE

sizvix
Lézard à collerette
Messages : 432
Inscription : 05 sept. 2013, 15:03

Re: Affichage des images en HTML

Message par sizvix » 04 oct. 2017, 05:48

LERUSTE a écrit :
02 oct. 2017, 12:39
... par contre la majorité des images ne sont pas affichées.
Es-tu sûr d'afficher des images ?
Dans ton exemple, https://github.com/AIREL46/SCAO/blob/ma ... -photo.png est une page contenant une image,
l'image, elle, est à l'URL https://raw.githubusercontent.com/AIREL ... -photo.png
;)
Ma page de présentation en dev. web :
http://www.silpaop.com

LERUSTE
Arias
Messages : 3
Inscription : 24 août 2014, 11:49

Re: Affichage des images en HTML

Message par LERUSTE » 04 oct. 2017, 09:51

Bonjour sizvix,
Merci, oui c'est bon.
Mais comment je fait sur github pour trouver l'URL ?
Régis

sizvix
Lézard à collerette
Messages : 432
Inscription : 05 sept. 2013, 15:03

Re: Affichage des images en HTML

Message par sizvix » 10 oct. 2017, 05:58

[/quote]
LERUSTE a écrit :
04 oct. 2017, 09:51
comment je fait sur github pour trouver l'URL ?
Tu vas sur la page où il y a ton image, tu fais un clic droit > "copier l'adresse de l'image" ;)
Ma page de présentation en dev. web :
http://www.silpaop.com

LERUSTE
Arias
Messages : 3
Inscription : 24 août 2014, 11:49

Re: Affichage des images en HTML

Message par LERUSTE » 10 oct. 2017, 11:21

Merci sizvix, ce n'est pas simple, je constate :
après le clic droit, j'obtiens :
https://github.com/AIREL46/SCAO/blob/ma ... g?raw=true
après le clic droit, tu obtiens :
https://raw.githubusercontent.com/AIREL ... -cable.png
Les deux adresses sont différentes, j'ai essayé les 2 dans mon fichier .html, les 2 fonctionnent !
Pourquoi cette différence de syntaxe dans l'écriture de ces 2 adresses URL ?
Régis

sizvix
Lézard à collerette
Messages : 432
Inscription : 05 sept. 2013, 15:03

Re: Affichage des images en HTML

Message par sizvix » 24 oct. 2017, 05:50

Visiblement, le premier lien est une redirection vers le second.
En ouvrant les 2, je retombe sur la seconde URL pour les 2 ( le premier lien semble appeler l'image et demander le raw correspondant , le second est directement le raw de l'image )
Ma page de présentation en dev. web :
http://www.silpaop.com

Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 4 invités