Quelle est la bonne img src d'une image qui est la mienne et pas emprunté à un autre site web?

Sur mon ordinateur, le dossier qui contient mon .css et .fichier html contient également quelques images que je veux insérer dans mon code html. Je comprends comment obtenir une url pour une image si je l'emprunter à partir d'un autre site web. Comment puis-je obtenir une url pour une image qui est dans mon dossier, mais pas encore sur internet? Dois-je télécharger l'image sur un autre site afin d'obtenir un lien?

Je comprends aussi que je devrais utiliser la base de balise dans la tête pour fournir un lien pour un membre de ma famille url dans le code html, mais à ce stade, je n'ai pas un lien qui contient les images.

Si vos images sont dans le même dossier que votre .fichier html est, le korrect façon à afficher des images sur .fichier html est <img src="image.jpg">

OriginalL'auteur cphil | 2015-01-20

  1. 4

    Assumer votre page web(.html) situé dans C:\Project\index.html.

    Vous pouvez placer votre image dans le même chemin avec la page web, et l'utiliser avec chemin relatif:

    <img src="img.jpg"/>

    Ou si c'est dans un autre chemin, plus comme certains le sous-dossier de votre racine web: C:\Project\images:

    <img src="/images/img.jpg"/>

    Si le fichier image se trouve dans le dossier parent de votre index.html, l'utiliser:

    <img src="../img.jpg"/>

    La dernière useage est d'utiliser le chemin absolu, qui n'est pas recommandé:

    <img src="C:/Project/images/img.jpg"/>
    Une URL qui commence par / est par rapport à racine du serveur. Lorsque vous travaillez avec des fichiers locaux, il n'est pas racine du serveur (sauf si vous avez installé un serveur HTTP et sont en fait de travailler avec des fichiers).
    Oui je parle de la racine web mais encore merci pour tes conseils!

    OriginalL'auteur Bandon

  2. 3

    C'est simple. Pour les images elles sont fondées l'une par rapport à votre emplacement de répertoire (ou vous pouvez simplement donner l'adresse URL de l'image). Par exemple, disons que vous avez un fichier de structure comme suit:

    • website.html
    • myImage.png

    Pour accéder à l'image de tout ce que vous devez faire est de:

    <img src="myImage.png" ... />

    Quand il y a des sous-répertoires que vous simplement aller dans le dossier pour obtenir l'image:

    • website.html
    • [sous-dossier]
    • ---> myImage.png

    Alors nous pouvons faire:

    <img src="subFolder/myImage.png" ... />

    Utilisation .. pour vous déplacer en arrière d'un dossier:

    • myImage.png
    • [sous-dossier]
    • ---> website.html

    Par exemple:

    <img src="../myImage.png" ... />

    OriginalL'auteur Spencer Wieczorek

  3. 1

    le lien dans l'attribut src est le chemin d'accès au fichier de l'image.
    Si c'est dans l'internet, il est relativement longue, puisque vous faites référence à un chemin d'accès à l'internet.

    Dans votre cas, le chemin de la src ne doit contenir que le nom de fichier de l'image puisque c'est le même chemin que votre code html et css document qui sont dans le même dossier.

    Donc, <img src='imagename.jpg'> allez faire, vous n'avez pas à télécharger cette image sur internet.

    OriginalL'auteur Ian Jay