0
votes

Comment utiliser un JPG comme image d'arrière-plan dans HTML

J'essaie d'utiliser un JPEG que j'ai enregistré dans un fichier en tant que fond vers un fichier HTML à l'aide de son chemin de fichier comme URL. J'ai ce qui suit mais ça ne marche pas. Toute pensée? XXX


2 commentaires

Si vous n'ouvrez que l'ouverture de la page localement dans votre navigateur (Versus exécutant sur un serveur Web), essayez le fichier Fichier: // protocole dans votre URL


J'ai besoin de comprendre le chemin relatif. https://css-tricks.com/quick-reminder-about-file-paths/


3 Réponses :


1
votes

Vous n'avez pas besoin de spécifier l'emplacement directement à partir du C:, mais à partir du répertoire racine par rapport à l'endroit où votre index.html est.


0 commentaires

1
votes

Vous pouvez simplement copier le lien directement à partir de l'endroit où vous avez trouvé l'image en cliquant avec le bouton droit de la souris sur l'image dans le navigateur et sélectionnez «Copier l'adresse de l'image» et coller qui dans l'URL de l'image.


0 commentaires

1
votes

OK, ce qui donne un chemin relatif est très simple, vous devez comprendre que vous devez comprendre la structure de base de votre projet, bien que je ne sois pas sûr de la structure de vos fichiers et de vos dossiers afin que je raconte la structure de dossiers idéale pour le devant -end Projet (selon moi) et vous expliquera comment vous pouvez utiliser un chemin relatif pour les actifs,

Gardons le fichier HTML principal dans un dossier nommé par votre projet, par exemple PEADAR08 est le nom du projet. Alors mettez un fichier index.html dans votre dossier et sur le même niveau, gardez un dossier pour vos actifs, comme celui-ci ...

 Entrez la description de l'image ici

dans actifs Créez plus de dossiers pour vos actifs respectifs (images, JS, CSS, etc.), comme celui-ci ...

 Entrez la description de l'image ici

Voyez maintenant un exemple pour les images et vous pouvez suivre de même pour les autres actifs, Donc, vous pouvez utiliser des images de 2 façons,

  1. comme une image Image par IMG IMG dans votre code HTML, alors gardez à l'esprit la réserve ci-dessus, vous pouvez utiliser des images dans votre HTML comme ceci.

    alttext

    Donc, votre image rendra parfaitement en tant qu'actifs et que votre fichier HTML est au même niveau, il suffit de mentionner le chemin qui commence par le nom du dossier.

    Voir un autre exemple si vous avez besoin de Utilisez votre image comme image d'arrière-plan par CSS

    Donc, tout ce que vous avez à faire est d'utiliser ../ pour aller un dossier en arrière, juste parce que vous êtes dans le fichier CSS et < Code> ../ Cela vous faudra un dossier, c'est-à-dire dans un dossier d'actifs, puis vous pouvez le chemin du chemin. Donc, dans votre CSS, utilisez ceci .. xxx

    pour déplacer 2 dossier upl simplement utiliser ../../ et ainsi de suite.

    J'espère que cela vous aidera.


7 commentaires

Merci. Bien que cela ne fonctionnait pas, j'apprécie vos conseils sur la structure de fichiers. Je pense que mon problème pourrait être comment je l'appelle? Où recommanderiez-vous d'obtenir le code complet? Tock


Je n'ai pas eu votre dernière ligne. Vous voulez que je voie votre code pour erreur ou erreur?


Toute ressource en ligne, j'ai essayé w3school.com mais leurs exemples ne fonctionnent pas. Merci


Je l'ai créé pour vous, vous pouvez avoir un look, des images comme de l'arrière-plan et que IMG les deux sont là. drive.google.com/open?id=18BE6P44S8TOBWLCU-FVJCZBLHXDAPC


ATL, merci! Vraiment apprécier votre aide!


Si cela vous a aidé, n'oubliez pas de le marquer comme une bonne réponse.


Tks. Je suis toujours nouveau à ça!