 |
|
Hyperlinks
Nachdem wir 2 verschiedene Seiten erstellt haben, lernen wir, wie man diese miteinander verknüpft (verlinkt).
Wir möchten zuerst einen Link auf die Startseite (index.html) setzen, welcher zur Seite tabelle.html führt.
Dazu wählen wir die Seite index.html an. Dort setzen wir den Cursor vor den letzen Font-Abschluss-Tag, also ans Ende des Textes, und fügen dort 3 br-Tags ein. (Also einen Zeilenumbruch und 2 Leerzeilen)
Hinter das letzte <br> schreiben wir das Wort "Tabelle".
HTML-Text:
Jetzt markieren wir das Wort "Tabelle" und klicken oben in der Menüleiste auf "Einfügen" und wählen den ersten Punkt "Hyperlink" aus. Zwischen die Anführungszeichen müssen wir nun das Ziel des Links angeben. Das soll die Seite tabelle.html sein, also schreiben wir genau dieses hinein.
HTML-Text:
In der Vorschau ist das Wort "Tabelle" nun unterstrichen und rot. Rot deshalb, weil wir in den Body-Tags als Linkfarbe rot angegeben haben (bzw. weil es der Editor vorgegeben hat).
Wenn man den Link jetzt anklickt, gelangt man auf die Seite tabelle.html
Nun setzen wir einen Link auf die Seite "tabelle.html", der zurück auf die Startseite führt.
Wir wählen wieder die Seite "tabelle.html" an. Anstatt eines Textlinks möchten wir hier unser Strandbild in der Tabelle mit der Startseite verlinken.
Dazu markieren wir in der Tabelle den gesamten img-Tag <img src="bilder/strand.jpg" width="163" height="122" border="0" alt="">. Jetzt wählen wir wieder "Einfügen" oben in der Menüleiste und klicken auf "Hyperlink".
Im Link-Tag geben wir zwischen die Anführungszeichen die Zieldatei ein, also "index.html".
HTML-Text (Tabellenseite):
Wenn ein Link auf eine andere Homepage im www führen soll, muss man - statt des einfachen Dateinamens wie bei internen Links - die komplette Homepageadresse eingeben. Also beispielsweise "http://www.meybohm.de"
|
|
|
