Oft wird danach gefragt wie man ein Bild verlinkt, dabei ist die Lösung sehr simpel. Man muss nur einen Link um ein Bild machen.

Code

Als erstes wurde das Element <a> geöffnet und mit dem Attribut href und der URL das Ziel des Links bestimmt, dieses müssen Sie natürlich anpassen. Innerhalb der zwei <a> Tags legen Sie img an.

Mit src und zeigen Sie wo sich das Bild befindet. Dieses kann ein interner Pfad seien oder auch eine fremde Internetadresse. alt ist der Alternativtext und ist wichtig für eine Barriere freie Website, mit ihm wird festgelegt was angezeigt wenn Bilder im Browser deaktiviert sind.

width und height halten den Platz für die Grafik frei, damit die Seite nicht neu geladen werden muss. Bei den Zahlen wird keine Einheit angegeben, HTML geht immer von Pixeln aus, also ist das Bild was in dem Beispiel eingebunden wird 200 Pixel breit und 50 Pixel hoch. Am Ende wird nur noch <a> geschlossen.

Bedingung für diesen Code ist, dass Sie das HTML Grundgerüst bereits angelegt haben und diesen Code innerhalb von <body> einfügen. Dieses Beispiel kann natürlich noch angepasst werden, z.B mit zusätzlichen Attributen oder Sie verwenden eine andere Image Endung als .jpg.