Einem Bild einen Link hinzufügen

PDF herunterladen
unter Mitarbeit von wikiHow Staff

PDF herunterladen

Mit einer einzigen Zeile HTML Code kannst du in fast jede Webseite ein anklickbares Bild einfügen. Es gibt zwei Dinge, die du dafür brauchst. Du brauchst die URL für ein Bild und die URL einer Webseite.

Methode 1
Methode 1 von 2:

Den HTML Code schreiben

PDF herunterladen
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/da\/769114-1.jpg\/v4-460px-769114-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/da\/769114-1.jpg\/v4-728px-769114-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Öffne einen Texteditor und erstelle eine neue Datei. Speichere die Datei als index.html.
      • Du kannst jeden gewünschten Texteditor nehmen, selbst die Texteditoren von Windows (Notepad) und Mac OS X (TextEdit).
      • Wenn du einen Texteditor für HTML nehmen willst, klicke hier für den Download von Atom, einem Texteditor, der unter Windows, Mac OS X und Linux funktioniert.
      • Wenn du TextEdit nimmst, klicke auf Format und dann auf Reiner Text, bevor du anfängst, die HTML-Datei zu schreiben. Diese Einstellung stellt sicher, dass die HTML-Datei in einem Browser richtig geladen wird.
      • Textverarbeitungen wie Microsoft Word sind nicht so toll zum Schreiben von HTML, weil sie unsichtbare Zeichen und Formatierungen hinzufügen, die eine HTML-Datei beeinträchtigen, so dass sie im Browser nicht richtig angezeigt wird.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/37\/769114-2.jpg\/v4-460px-769114-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/37\/769114-2.jpg\/v4-728px-769114-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Markiere den HTML Code unten, kopiere ihn und füge ihn dann in deine geöffnete Datei index.html ein.
     < 
 a 
 href 
 = 
 "DESTINATION URL" 
 >< 
 img 
 src 
 = 
 "IMAGE URL" 
 /></ 
 a 
 >
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/aa\/769114-3.jpg\/v4-460px-769114-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/aa\/769114-3.jpg\/v4-728px-769114-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Finde ein Bild im Internet, klicke es mit der rechten Maustaste an und klicke dann - abhängig von deinem Browser - auf Link kopieren, Bildadresse kopieren oder URL kopieren.
      • Firefox, Safari und Internet Explorer verwenden jeweils unterschiedliche Bezeichnungen.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/2b\/769114-4.jpg\/v4-460px-769114-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/2b\/769114-4.jpg\/v4-728px-769114-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Klicke in der Datei index.html zur Auswahl auf IMAGE URL und drücke dann CTRL + V , um die URL des Bilds einzufügen.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/4e\/769114-5.jpg\/v4-460px-769114-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/4e\/769114-5.jpg\/v4-728px-769114-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Lösche in der Datei index.html DESTINATION URL und tippe dann http://www.google.com ein.
      • Du kannst jede gewünschte URL als Ziel nehmen.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/39\/769114-6.jpg\/v4-460px-769114-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/39\/769114-6.jpg\/v4-728px-769114-6.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/cc\/769114-7.jpg\/v4-460px-769114-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/cc\/769114-7.jpg\/v4-728px-769114-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Klicke mit der rechten Maustaste auf index.html und öffne sie im Browser deiner Wahl.
      • Wenn sich der Browser öffnet und du das Bild nicht siehst, dann stelle sicher, dass der Name der Bilddatei in der Datei index.html im Texteditor richtig buchstabiert ist.
      • Wenn sich der Browser öffnet und du statt des Hintergrundbilds HTML-Code siehst, wurde deine Datei index.html nicht als Rich Text Dokument gespeichert. Vielleicht möchtest du die HTML-Datei in einem anderen Editor bearbeiten.
    Werbeanzeige
Methode 2
Methode 2 von 2:

Den HTML Code verstehen

PDF herunterladen
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f7\/769114-8.jpg\/v4-460px-769114-8.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f7\/769114-8.jpg\/v4-728px-769114-8.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    HTML Code besteht aus öffnenden und schließenden Tags. Der <a href=""> Tag ist der öffnende Tag und </a> der schließende. Dieser wird anchor Tag genannt und wird genutzt, um einer Webseite Links hinzuzufügen. [1]
    • <a sagt einem Browser, dass ein Link kommt. href ist kurz für HTML reference, = sagt dem Browser, dass er alles zwischen den " " nehmen und daraus einen Link erstellen soll. Jede URL kann zwischen den beiden Anführungszeichen stehen.
    • </a> gibt dem Browser an, dass der anchor Tag geschlossen wird.
    • Wenn du zwischen <a href=""> und </a> Text eingibst, wird dieser zu einem anklickbaren Link auf einer Webseite. <a href="http://www.google.com">Google</a> würde z.B. einen Link auf Google erzeugen.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/2f\/769114-9.jpg\/v4-460px-769114-9.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/2f\/769114-9.jpg\/v4-728px-769114-9.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Der <img> Tag ist ein sich selbst schließender Tag. Du kannst ihn schließen, indem du <img src="" /> schreibst oder <img src=""></img>. [2]
    • Der <img Tag sagt einem Browser, dass er ein Bild verarbeiten soll. src ist kurz für source, = sagt dem Browser, dass er alles zwischen den " " nehmen und das Bild von dieser Stelle holen soll.
    • /> gibt dem Browser an, dass der image Tag geschlossen wird.
    • <img src="https://www.google.com/images/srpr/logo11w.png" /> würde z.B. das Bild an dieser URL holen und dann im Browser anzeigen.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/47\/769114-10.jpg\/v4-460px-769114-10.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/47\/769114-10.jpg\/v4-728px-769114-10.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Jetzt, wo du diesen Code kennst, kannst du <a href="DESTINATION URL"><img src="IMAGE URL" /></a> nutzen, um jeder Webseite, die HTML-Code verarbeiten kann, ein klickbares Bild hinzuzufügen.
    Werbeanzeige

Verwandte wikuHows

Verwandte wikiHows

Die beste Art, im Tor Browser ein bestimmtes Land einzustellen
So tun als würdest du hacken
Bilder auf einen USB Stick übertragen
Star Wars in der Kommandozeile anschauen
Wie man ChatGPT Login Probleme & Fehler behebt: 12 Methoden
Einen PC mit einem LG Smart TV verbinden
Eine Taste wieder auf der Tastatur befestigen
Mit dem Terminal in Linux eine Textdatei erstellen und bearbeiten
Mit Corrupt a File.net absichtlich eine Datei beschädigen
Einen Computer mit einem Hotspot verbinden
In Linux mit dem Terminal INSTALL.sh Dateien ausführen
Eine Audio CD mit dem VLC Player extrahieren
Android Fehler "Nicht genügend Speicher verfügbar" beheben
Instagram Anleitung
Werbeanzeige

Referenzen

  1. ↑ http://www.w3schools.com/html/html_links.asp
  2. ↑ http://www.w3schools.com/html/html_images.asp

Über dieses wikiHow

In anderen Sprachen
Diese Seite wurde bisher 27.583 mal abgerufen.

War dieser Artikel hilfreich?

Werbeanzeige