***** Übungen: HTML - Hyperlinks *****
HTML_07-1: Fehler im Quelltext finden
Finden Sie in den folgenden Link-Beschreibungen die Fehler und korrigieren Sie sie.
1. 2. 3. 4. zur Homepage von Mail.com
5. Mail schreiben
6.
7. Mail schreiben
8.
@@@
HTML_07-2: Links in bestehende Site einfügen
Verwenden Sie das Verzeichnis /html07_dreamweaversite_vier_links/ (alle Dateien als ZIP: *LINK 02html/html07_dreamweaversite_vier_links.zip LINK*
Verlinken Sie alle groß geschriebenen Wörter (Kontakt, Bilder, Startseite usw.). Reparieren Sie die Titel.
Alle Links müssen funktionieren, wenn man draufklickt.
@@@
HTML_07-3: Zwei Dokumente verlinken
1. Erstellen Sie zwei HTML-Dokumente mit beliebigem Inhalt. Das erste hat den Dateinamen start.html, das zweite den Dateinamen ueber_mich.html.
2. Verlinken Sie die beiden Dokumente. Im Dokument start.html soll der Satz “Erfahren Sie mehr über mich und meine Freunde.” stehen, verlinkt ist "Erfahren Sie mehr". Im Dokument ueber_mich.html soll der Satz “Hier geht es zurück zur Startseite” stehen, verlinkt ist “Hier”. Vergessen Sie nicht die title-Attribute.
3. Probieren Sie im Browser aus, ob die Links funktionieren.
4. Erstellen Sie eine dritte Seite mit dem Dateinamen die_dritte.html.
5. Fügen Sie in die start.html ein Bild ein und verlinken Sie es mit die_dritte.html.
6. Fügen Sie in die_dritte.html einen Link zur Startseite ein.
7. Fügen Sie in die_dritte.html zwei Links zu externen Angeboten im Web ein (z.B. zu meinvz.de, gmx.de o.ä.).
8. Überprüfen Sie im Browser, ob alles funktioniert.
9. Kontrollieren Sie: Haben alle drei Dokumente korrekte title-Tags im head-Bereich?
@@@
HTML_07-4: Vier Dokumente untereinander verlinken
1. Erstellen Sie vier HTML-Dokumente mit beliebigem Inhalt und beliebigen Dateinamen.
2. Verlinken Sie alle Dokumente so, dass von jedem Dokumente alle anderen Dokumente mit einem Klick erreichbar sind.
Wenn Sie ohne WYSIWYG arbeiten: Benutzen Sie copy-paste.