Vor Links oder Verweisen, die zu externen Webseiten, zu anderen Dokumenten oder Medien führen, ist es sinnvoll, kleine Grafiken einzubinden, um zusätzliche Informationen zu Ort und Art des Links zu liefern:
Außenlink-
<a href="#"><img src="/img/links/extern.gif" width="16" height="16" class="extern" alt="Externer Link: " />Außenlink</a>
Programmdatei-
<a href="#"><img src="/img/links/binary.gif" width="16" height="16" class="programm" alt="Programmdatei: " />Programmdatei</a>
Exceldokument-
<a href="#"><img src="/img/links/excel.gif" width="16" height="16" class="excel" alt="Excel-Datei: " />Exceldokument</a>
LateX-Dokument-
<a href="#"><img src="/img/links/latex.gif" width="36" height="16" class="latex" alt="Latex-Datei: " />LateX-Dokument</a>
E-Maillink-
<a href="#"><img src="/img/links/mail.gif" width="16" height="16" class="email" alt="E-Mail: " />E-Maillink</a>
Musikdatei-
<a href="#"><img src="/img/links/mpg.gif" width="16" height="16" class="mpg" alt="MPG-Datei: " />Musikdatei</a>
Präsentation-
<a href="#"><img src="/img/links/odp.gif" width="16" height="16" class="openpresentation" alt="Open Document Presentation: " />Präsentation</a>
Dokument-
<a href="#"><img src="/img/links/odt.gif" width="16" height="16" class="opendocument" alt="Open Document Format: " />Dokument</a>
Dokument für Openoffice-
<a href="#"><img src="/img/links/oo.gif" width="16" height="16" class="openoffice" alt="Open-Office-Datei: " />Dokument für Openoffice</a>
Adobe PDF Datei-
<a href=""><img src="/img/links/pdf.gif" width="16" height="16" class="pdf" alt="PDF: " />Adobe PDF Datei</a>
Ein Skript-
<a href="#"><img src="/img/links/php.gif" width="16" height="16" class="php" alt="PHP-Skript: " />Ein Skript</a>
Eine Präsentation-
<a href="#"><img src="/img/links/ppt.gif" width="16" height="16" class="powerpoint" alt="Powerpoint-Datei: " />Eine Präsentation</a>
Eine Postskriptdokuemnt-
<a href="#"><img src="/img/links/ps.gif" width="16" height="16" class="postscript" alt="Postscript-Datei: " />
Realplayer-
<a href="#"><img src="/img/links/real.gif" width="16" height="16" class="realplayer" alt="Realplayer-Datei: " />Realplayer</a>
Windows Registry-
<a href="#"><img src="/img/links/reg.png" width="16" height="16" class="registry" alt="Registry-Datei: " />Windows Registry</a>
RSS-Stream-
<a href="#"><img src="/img/links/rss.gif" width="36" height="16" class="rss" alt="RSS/XML-Format: " />RSS-Stream</a>
Gepackte TARFile-
<a href="#"><img src="/img/links/tar.gif" width="16" height="16" class="tar" alt="TAR-Format: " />Gepackte TARFile</a>
TeX-Dokument-
<a href="#"><img src="/img/links/tex.gif" width="16" height="16" class="tex" alt="Tex-Datei: " />TeX-Dokument</a>
Gepackte Tar GZ Datei-
<a href="#"><img src="/img/links/tgz.gif" width="16" height="16" class="tgz" alt="Tar GZ-Datei: " />Gepackte Tar GZ Datei</a>
Textdatei-
<a href="#"><img src="/img/links/txt.gif" width="16" height="16" class="text" alt="Textdatei: " />Textdatei</a>
Ein Link ins UnivIS-
<a href="#"><img src="/img/links/univis.gif" width="40" height="16" class="univis" alt="UnivIS-Link: " />Ein Link ins UnivIS</a>
Eine VCard-
<a href="#"><img src="/img/links/vcard.gif" width="16" height="16" class="vcard" alt="VCard-Format: " />Eine VCard</a>
Eine Word-Datei-
<a href="#"><img src="/img/links/word.gif" width="16" height="16" class="word" alt="Word-Datei: " />Eine Word-Datei</a>
Eine XML-Datei-
<a href="#"><img src="/img/links/xml.gif" width="16" height="16" class="xml" alt="XML-Datei: " />Eine XML-Datei</a>
Eine gepackte ZIP-Datei-
<a href="#"><img src="/img/links/zip.gif" width="16" height="16" class="zip" alt="ZIP-Format: " />Eine gepackte ZIP-Datei</a>
Die Icons sind in der Größe standardisiert und in den meisten Fällen quadratisch: Höhe und Breite betragen generell 16 Pixel, nur die Breite kann bei einigen besonderen Icons etwas größer ausfallen. Das Linkicon befindet sich immer innerhalb des jeweiligen Link-Erstreckungsbereiches.