04 Verlinkungen

Einstieg in das Thema

Worum geht es?

Eine der besten Sachen, die (auch) HTML kann, ist die Verlinkung. Das ist das, was mit Hypertext gemeint ist. Man klickt auf einen Link und ist auf einer anderen Seite. Wie aber baut man so etwas?

Was ist das Ziel?

Am Ende der Einheit

hast du das Prinzip der Verlinkung verstanden,
kannst neue Dateien zur Verlinkung anlegen,
diese dann verlinken und
Fehler finden, wenn mal was nicht klappt.

Erarbeitung

Theorie

Aufgaben

Erstelle drei HTML-Seiten, verlinke diese untereinander. Füge nur so viel Inhalt hinzu, dass diese unterscheidbar sind.

Warum funktionieren folgende Links nicht? Wie muss man korrigieren?

Aufgabe 1

<href="meine_datei.html">Klick</href>

Aufgabe 2

<a "meine_datei.html">Klick</a>

Aufgabe 3

<a src="meine_datei">Klick</a>

Weitere Aufgaben

Aufgabe 4

Vier Dateien sollen untereinander verlinkt sein, man soll also direkt von einer zur anderen Datei kommen. Wie viele Linkanweisungen braucht man insgesamt?

Aufgabe 5

Wohin kommt man, wenn das Ziel mit https (also z.B. https://www.google.de) beginnt?

Aufgabe 6

Was ist der Unterschied zwischen http und https?

Aufgabe 7

Funktioniert auch "www.google.de" ohne http(s) als Ziel?

Aufgabe 8

Fritz setzt als Pfad "H:\WPU\HTML\datei.html" ein. In der Schule klappt das, zu Hause nicht. Was ist das Problem?

Aufgabe 9

Welche Regel kann man aus obigem Problem ableiten? Gilt die auch an anderen Stellen (also bei anderen Tags)?

Komplexe Aufgabe

Erstelle mit Hilfe der Vorlage und anschließendem Kopieren drei Dateien, die direkt untereinander verlinkt sind. Alle drei Dateien enthalten minimal Text, damit sie unterscheidbar sind und haben weiterhin einen externen Link (z.B. www.fkg-goettingen.de, www.heise.de oder was euch einfällt).

Lasse dein Resultat von Nachbarn oder der KI prüfen. Was waren deine beiden größten Fehler?

Zusammenfassung

Was muss man wissen/können?

Du weißt

was ein Link ist, kannst es in ein bis zwei Sätzen aufschreiben.
wie Links in HTML angegeben werden, kannst also ein Beispiel aufschreiben und die Bedeutung der einzelnen Teile erläutern.
was die häufigsten Fehler sind, wenn man was nicht klappt. Du kannst also einige Ursachen nennen und beschreiben, wie man die Fehler findet und behebt.

Du kannst

neue Dateien anlegen, also eine neue Datei erstellen, die Endung anpassen und den grundlegenden Inhalt einfügen,
diese verlinken, also in einer Datei einen Link einfügen und den korrekten Dateinamen einfügen,
die Linknamen anpassen, also nach der Pfadangabe schreiben, das auf dem Bildschirm als Linktext angezeigt werden soll,
auch Dateien aus anderen Verzeichnissen verlinken, also Dateinamen im Pfad angeben können und
Fehler suchen, wenn ein Link nicht klappt.

Wie geht es weiter?

Zur strukturierten Darstellung von Daten braucht man noch Tabellen. Das ist dann das letzte Kapitel zu den Grundlagen.