Referenzierungsarten

Wenn wir Inhalte einbinden / referenzieren, ist es wichtig, zwischen relativer und absoluter Referenzierung zu unterscheiden:

1. Absolute Referenzierung: Vollständige Pfadangabe

• Beispiel: <img alt="Luise Adelgunde" src="http://gutenberg.spiegel.de/gutenb/autoren/bilder/gottschl.jpg" />

2. Relative Referenzierung: Hier gehen wir davon aus, dass sich die einzubindende Ressource in der Nähe unserer HTML-Datei befindet.

• Beispiel: <img alt="Murakami " src="img/murakami.jpg" />

Hyperlinks

Hyperlink auf eine Webressource über einen URL (Uniform Resource Locator):

1. Absolute Referenzierung: Vollständige Pfadangabe

• Syntax: <a href="Adresse (URL)">Text, über den auf die Adresse verlinkt wird</a>
• Beispiel: <a href="http://www.hki.uni-koeln.de">HKI-Homepage</a>

2. Hyperlink auf eine lokale Ressource:

• Beispiel: <a href="einDokument.pdf">Verweis auf ein PDF-Dokument</a>

Anker

Mit dem <a> Tag lassen sich Seitenbereiche ansteuern:

• Beispiel:
  <a href="#seitenbereich">Hier klicken, um zum verlinkten Seitenbereich zu gelangen</a>
  <div style="height: 2000px;"></div>
  <div id="seitenbereich">Ich befinde mich am untersten Seitenrand</div>

Metainformationen

<meta> stellt zusätzliche Informationen über ein HTML-Dokument bereit. Das <meta>-Tag wird im Header des Dokumentes untergebracht und verfügt über kein schließendes Tag. Innerhalb des Tags repräsentieren Attribute und ihre Werte Informationen über das HTML-Dokument – sinnvoll z.B., um die Indizierung durch Suchmaschinen zu beeinflussen.

• Beispiel:
  <meta name="description" content="Beschreibung des HTML-Dokumentes">
  <meta name="keywords" content="HTML, CSS, PHP, MySQL, JavaSript">
  <meta name="author" content="Benedikt Mildenberger">