Links einfügen
- Home
- Tutorials
- HTML/Web
- HTML & CSS Tutorial für Anfänger
- Links einfügen
Alle Homepages verlinken entweder zu internen oder externen Seiten. Damit wir das auf unserer Homepage auch machen können, brauchen wir folgenden Tag.
<a href="https://panjutorials.de">Link zu Panjutorials</a>
Ihr seht also wir brauchen ein a (steht für anker) und href= und darauf folgenden in Gänsefüßen die URL zur Seite auf die wir verlinken wollen. Nach dem öffnenden Tag geben wir ein, was als Link dastehen soll und schließen unseren Doubletag wieder.
Wenn wir nun jedoch eine etwas umfangreichere Homepage haben wollen, die mehr als nur eine Seite hat, dann brauchen wir auch eine zweite Seite. Auf diese müssen wir dann auch verlinken. Erstellt dazu eine zweite Datei und fügt folgenden Code ein:
<!doctype html>
<html>
<head>
<title>zweite Seite</title>
</head>
<body>
<p>Ich bin die zweite Seite.</p>
</body>
</html>
Speichert sie als zweite.html im gleichen Ordner ab, in dem ihr eure Index.html habt.
Danach fügen wir noch folgendes in unseren Body der index.html ein.
<a href="zweite.html">zur zweiten Seite</a>
Damit hätten wir einen Link zu unserer zweiten Seite erstellt. Wenn wir das Bild aus dem letzten Tutorial als Link zu z.B. google.de verwenden möchten, dann müssen wir das img Tag nur mit eine anker Tag und href mit dem Link umklammern:
<a href="www.google.de"><img alt="" src="unserbild.png" />
</a>
HTML & CSS Tutorial für Anfänger
-
Einführung in HTML
-
Lektion1.1
-
Lektion1.2
-
Lektion1.3
-
-
Verschiedene Tags
-
Lektion2.1
-
Lektion2.2
-
Lektion2.3
-
Lektion2.4
-
Lektion2.5
-
Lektion2.6
-
-
Einführung in CSS
-
Lektion3.1
-
Lektion3.2
-
Lektion3.3
-
Lektion3.4
-
Lektion3.5
-
Lektion3.6
-
-
Tags mit CSS stylen
-
Lektion4.1
-
Lektion4.2
-
Lektion4.3
-
Lektion4.4
-
Lektion4.5
-
-
Wichtige Einsteigertricks
-
Lektion5.1
-
Lektion5.2
-
Lektion5.3
-
Lektion5.4
-
Lektion5.5
-
Lektion5.6
-
Lektion5.7
-
-
CSS in der Praxis
-
Lektion6.1
-
Lektion6.2
-
Lektion6.3
-
Lektion6.4
-
Lektion6.5
-
-
Formulare und Dropdown-Listen
-
Lektion7.1
-
Lektion7.2
-
Lektion7.3
-
Lektion7.4
-
Lektion7.5
-