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 !
LERUSTE
Arias
Messages : 3
Inscription : 24 août 2014, 11:49

Affichage des images en HTML

Message par LERUSTE »

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 : 453
Inscription : 05 sept. 2013, 15:03

Re: Affichage des images en HTML

Message par sizvix »

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 »

Bonjour sizvix,
Merci, oui c'est bon.
Mais comment je fait sur github pour trouver l'URL ?
Régis
sizvix
Lézard à collerette
Messages : 453
Inscription : 05 sept. 2013, 15:03

Re: Affichage des images en HTML

Message par sizvix »

[/quote]
LERUSTE a écrit : 04 oct. 2017, 09:51comment 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 »

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 : 453
Inscription : 05 sept. 2013, 15:03

Re: Affichage des images en HTML

Message par sizvix »

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
pierre2017
Arias
Messages : 2
Inscription : 23 déc. 2017, 00:59

Re: Affichage des images en HTML

Message par pierre2017 »

Bonjour
copier le deuxième lien ou il y l'extension .png, et vous pouvez aussi télécharger la photo et héberger sur votre hébergeur copier votre lien coller sur votre code html, pour l'adaptation de vos textes c mieux d'utilisé un CSS (il y a beaucoup des cours HTML et CSS de A à Z sur le web avec un simple recherche avec google).
Bonne journée
Répondre

Qui est en ligne ?

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