Kostenlose Schritt für Schritt Anweisungen 
Einen link zu einem bild in html hinzufügen
Mit einer einzigen Zeile HTML-Code können Sie fast jeder Website ein anklickbares Bild hinzufügen. Es gibt zwei Dinge, die Sie brauchen, damit dies funktioniert. Sie benötigen eine URL für das Bild und auch die URL einer Website.
Schritte
Methode 1 von 2: HTML-Code schreiben
1. Erstellen Sie eine HTML-Datei. Öffnen Sie einen Texteditor und erstellen Sie dann eine neue Datei. Datei als Index speichern.html.
- • Sie können jeden beliebigen Texteditor verwenden, sogar die einfachen Texteditoren von Windows (Notepad) und Mac OS X (TextEdit).
- • Sie möchten einen Texteditor verwenden, der für die Arbeit mit HTML entwickelt wurde, dann klick hier um Atom herunterzuladen, einen Texteditor für Windows, Mac OS X und Linux.
- • Wenn Sie TextEdit verwenden, klicken Sie zuerst auf das Menü Format, bevor Sie die HTML-Datei erstellen, und klicken Sie dann auf Nur Text erstellen. Diese Einstellung bewirkt, dass die HTML-Datei in einem Webbrowser korrekt geladen wird.
- • Textverarbeitungsprogramme wie Microsoft Word sind beim Schreiben von HTML nicht wirklich gut, da sie unsichtbare Zeichen und Formatierungen hinzufügen, die die HTML-Datei beschädigen und die korrekte Anzeige in einem Webbrowser verhindern können.
2. Kopieren Sie den Standard-HTML-Code und fügen Sie ihn ein. Wählen Sie den folgenden HTML-Code aus, kopieren Sie ihn und fügen Sie ihn in Ihren geöffneten Index ein.html.
3. Finden Sie die URL Ihres Bildes. Suchen Sie ein Bild im Web, klicken Sie mit der rechten Maustaste darauf und (je nach Browser) klicken Sie auf Bild-URL kopieren, Bildadresse kopieren oder Bildspeicherort kopieren.
- • Verwenden von Firefox und Internet Explorer Bildspeicherort kopieren. Chrome verwendet die URL zum Kopieren von Bildern. Safari verwendet Bildadresse kopieren.
4. Fügen Sie die URL des Bildes hinzu. Im Dateiindex.html klicken und ziehen, um die URL des Bildes mit der Maus auszuwählen, dann STRG+V drücken, um die URL einzufügen.
5. Fügen Sie die Ziel-URL hinzu. Im Index.html lösche deine Ziel-URL und tippe einhttps://www.Startseite.com.
- • Sie können eine beliebige URL als Ziel-URL verwenden.
6. Speichern Sie die HTML-Datei.
7. Öffnen Sie die HTML-Datei in einem Webbrowser. Rechtsklick auf Index.html und öffnen Sie diese Datei dann in einem Webbrowser Ihrer Wahl.
- • Wenn der Browser geöffnet wird, das Bild aber nicht angezeigt wird, überprüfen Sie, ob Sie den Namen der Bilddatei in der Indexdatei richtig geschrieben haben.html.
- • Wenn der Browser geöffnet wird, Sie jedoch HTML-Code anstelle des Hintergrundbilds sehen, dann wird Ihr Index.html gespeichert als .rtf-Datei (Rich-Text-Datei). Versuchen Sie, die HTML-Datei in einem anderen Texteditor zu bearbeiten.
Methode 2 von 2: HTML-Code verstehen
1. Verstehe das Anker-Tag. HTML-Code besteht aus Start- und End-Tags. Der Der weist einen Browser an, einen Link zu erstellen. Der href ist eine Abkürzung für HTML-Referenz, de = weist den Browser an, alles zwischen den " " um einen Link zu machen. Zwischen den beiden Anführungszeichen kann jede beliebige URL stehen. Der teilt dem Browser mit, dass das Anker-Tag geschlossen ist. Wenn Sie Text zwischen hinzufügen und Wird dieser Text zu einem anklickbaren Link auf einer Webseite?. Zum Beispiel: erstellt einen Link zu Google.
2. Verstehen Sie das Image-Tag. Der Der -Tag weist einen Browser an, ein Bild anzuzeigen. Der src ist eine Abkürzung für source, de = weist den Browser an, alles zwischen den " " und holen Sie sich das Bild von diesem Ort. Der /> sagt und Browser, um das Image-Tag zu schließen. Zum Beispiel: {{samp[|![]("https://www.Google.comhttps://cdn1.faqcartx.info/wikni/srpr/logo11w.jpg")
3. Verwenden Sie diesen Code überall. Jetzt, da Sie diesen Code kennen, können Sie zum Hinzufügen anklickbarer Bilder zu jeder Webseite mit HTML-Code.
"Einen link zu einem bild in html hinzufügen"
Оцените, пожалуйста статью
