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 : 427
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
;)
Iwinote, une webapp pour créer une partition à partir d'un air que vous sifflez ^^
https://www.indiegogo.com/projects/iwinote
Merci de soutenir son financement et de le partager :)

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 : 427
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" ;)
Iwinote, une webapp pour créer une partition à partir d'un air que vous sifflez ^^
https://www.indiegogo.com/projects/iwinote
Merci de soutenir son financement et de le partager :)

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

Répondre

Qui est en ligne ?

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