Alle Bilder, die Sie auf Ihrer Website verlinken möchten HTML sollte zuerst an dieselbe Stelle hochgeladen werden, an die Sie den HTML-Code für die Webseite senden, unabhängig davon, ob die Site auf einem Webserver gehostet wird, den Sie erreichen FTP oder Sie nutzen einen Webhosting-Dienst. Wenn Sie einen Webhosting-Dienst nutzen, verwenden Sie wahrscheinlich ein vom Dienst bereitgestelltes Upload-Formular. Diese Formulare befinden sich normalerweise im Verwaltungsbereich Ihres Hosting-Kontos.
Das Hochladen Ihres Bildes zum Hosting-Service ist nur der erste Schritt. Dann müssen Sie im HTML-Code ein Tag hinzufügen, um es zu identifizieren.
Hochladen von Bildern in dasselbe Verzeichnis wie das HTML
Ihre Fotos können sich im selben Verzeichnis wie das HTML befinden. Wenn das der Fall ist:
- Laden Sie ein Bild in das Stammverzeichnis Ihrer Website hoch.
- Fügen Sie Ihrem HTML-Code ein Image-Tag hinzu, um auf das Bild zu verweisen.
- Laden Sie die HTML-Datei in das Stammverzeichnis Ihrer Website hoch.
- Testen Sie die Datei, indem Sie die Seite in Ihrem Webbrowser öffnen.
Das Image-Tag hat das folgende Format:
Angenommen, Sie laden ein Foto des Mondes mit dem Namen "lunar.jpg" hoch, hat das Image-Tag die folgende Form:
Die Höhe und Breite sind optional, werden jedoch empfohlen. Diese Standardwerte sind in Pixeln angegeben, können aber auch als Prozentsätze ausgedrückt werden:
Für das Image-Tag ist kein schließendes Tag erforderlich.
Wenn Sie auf ein Bild in einem anderen Dokument verlinken, verwenden Sie Anker-Tags und verschachteln Sie das Bild-Tag darin.
Hochladen von Bildern in ein Unterverzeichnis
Es ist üblicher, Bilder in einem Unterverzeichnis zu speichern, das normalerweise als. bezeichnet wird Bilder. Um auf Bilder in diesem Verzeichnis verweisen zu können, müssen Sie wissen, wo sie sich im Verhältnis zum Stammverzeichnis Ihrer Website befinden.
Im Stammverzeichnis Ihrer Website wird die URL ohne Verzeichnisse am Ende angezeigt. Bei einer Website mit dem Namen "MyWebpage.com" folgt der Stamm beispielsweise diesem Formular: http://MyWebpage.com/. Beachten Sie den Schrägstrich am Ende. So wird normalerweise der Stamm eines Verzeichnisses angezeigt. Unterverzeichnisse enthalten diesen Schrägstrich, um anzuzeigen, wo sie sich in der Verzeichnisstruktur befinden. Die MyWebpage-Beispielsite könnte folgende Struktur haben:
http://MyWebpage.com/ – das Stammverzeichnis
http://MyWebpage.com/products/ — das Produktverzeichnis
http://MyWebpage.com/products/documentation/ — das Dokumentationsverzeichnis unter dem Produktverzeichnis
http://MyWebpage.com/images/ — das Bilderverzeichnis
Wenn Sie in diesem Fall auf Ihr Bild im Bilderverzeichnis zeigen, schreiben Sie:
Das nennt man absoluter Pfad zu deinem Bild.
Häufige Probleme mit Bildern, die nicht angezeigt werden
Es kann anfangs eine Herausforderung sein, Bilder auf Ihrer Webseite anzuzeigen. Die beiden häufigsten Gründe sind, dass das Bild nicht dort hochgeladen wurde, wo der HTML-Code zeigt, oder der HTML-Code falsch geschrieben ist.
Als erstes müssen Sie prüfen, ob Sie Ihr Bild online finden können. Die meisten Hosting-Anbieter verfügen über eine Art Verwaltungstool, mit dem Sie sehen können, wo Sie Ihre Bilder hochgeladen haben. Nachdem Sie der Meinung sind, dass Sie die richtige URL für Ihr Bild haben, geben Sie sie in Ihren Browser ein. Wenn das Bild angezeigt wird, haben Sie den richtigen Speicherort.
Überprüfen Sie dann, ob Ihr HTML-Code auf dieses Bild verweist. Der einfachste Weg, dies zu tun, ist das Einfügen der Bild URL die Sie gerade in das SRC-Attribut getestet haben. Laden Sie die Seite erneut hoch und testen Sie sie.
Das SRC-Attribut Ihres Image-Tags sollte niemals mit beginnen C:\ oder Datei: Diese scheinen zu funktionieren, wenn Sie Ihre Webseite auf Ihrem eigenen Computer testen, aber jeder Besucher Ihrer Website sieht ein defektes Bild. Dies liegt daran, dass C:\ auf einen Ort auf points zeigt Ihre Festplatte. Da sich das Bild auf Ihrer Festplatte befindet, wird es angezeigt, wenn Sie es anzeigen, aber nicht für andere.