Text auf einer Webseite ist viel lesbarer, wenn er illustriert ist. HTML reserviert hierfür das img-Tag. In Kombination mit anderen Tags können Sie ein Bild zu einem aktiven Link machen, einschließlich einer größeren Version desselben Bildes.
Anleitung
Schritt 1
Wenn sich die Bilddatei und die HTML-Datei im selben Ordner befinden, verwenden Sie den folgenden HTML-Code, um das Bild einzufügen: wobei Bildname.jpg
Schritt 2
Befindet sich die Bilddatei auf demselben Server, aber in einem anderen Ordner, ändern Sie diese Konstruktion wie folgt: Dabei ist /folder/anotherfolder/imagename.jpg
Schritt 3
Platzieren Sie Bilder, die auf anderen Servern gespeichert sind, mit Vorsicht - der Schutz vor Auslaugung kann dort aktiviert sein, und dann wird dem Besucher Ihrer Seite anstelle des gewünschten Bildes eine Warnung vor einem solchen Schutz angezeigt. Besteht kein solcher Schutz und der Besitzer des fremden Servers hat keine Einwände gegen das Einfügen der dort gespeicherten Bilder in fremde Seiten, verwenden Sie folgenden Code-Schnipsel: wobei https://server.domain/folder/anotherfolder/imagename.jpg
Schritt 4
Damit das Bild gleichzeitig ein Link zu einer anderen Seite ist, verwenden Sie den folgenden Code:, wobei linktext die Linkadresse (lokal oder global) ist.
Schritt 5
Damit der Benutzer schließlich auf das Bild klickt, kann er seine vergrößerte Kopie sehen, ändern Sie das vorherige Fragment wie folgt: wobei Bildname-big.jpg
