Den HTML Code verstehen Den HTML Code schreiben
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.   <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. Der <img> Tag ist ein sich selbst schließender Tag. Du kannst ihn schließen, indem du <img src="" /> schreibst oder <img src=""></img>.  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. 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. Ö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. 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> 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. Klicke in der Datei index.html zur Auswahl auf IMAGE URL und drücke dann CTRL + V, um die URL des Bilds einzufügen. 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.  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.
Verstehe den anchor Tag. Verstehe den  image Tag. Verwende diesen Code überall.  Erstelle eine HTML-Datei.  Kopiere den Standard HTML Code und füge ihn ein. Finde die URL eines Bilds. Füge die URL ein. Füge die Ziel-URL hinzu. Speichere die HTML-Datei. Öffne die HTML-Datei in einem Browser.
https://www.wikihow.com/Add-a-Link-to-a-Picture https://www.wikihow.com/Add-a-Link-to-a-Picture
Understanding the HTML Code Writing the HTML Code