Links, Linien & Co. im HTML-Dokument

Mit dem, was wir vorhin gelernt haben kann man schon ein Bisschen was anfangen. Lasst uns die Tags also um Dokument platzieren. öffnet dazu die von uns bereits erstellte Datei index.html mit dem Text-Editor und ergänzt den vorhandenen Inhalt um die grün unterlegten Codeschnipsel:

Quellcode:

<h2>Willkommen auf meiner Homepage!</h2>

<h4>Wer bin ich?</h4>

Ich bin der erste und einzige Sohn von Rainer und Renate Hasse-Seitenbacher.
<br>
Am 29.09.1967 wurde ich in <a href="http://www.much.de" title="zur Gemeinde Much" target="_blank">Much</a> bei Siegburg mit einer Zange auf die Welt befördert. Mein Vater Rainer war damals gefragter Rosinen-Verkoster, was uns jede Menge Wohnortwechsel während meiner Kindheit einbrachte. Nach vielen Umzügen quer durch Europa verschlug es uns schließlich wieder zurück an den Ort meiner Geburt.
<hr>
<h4>Schulbildung</h4>

Meine Mutter kümmerte sich um den Haushalt und meine Ausbildung. Als durchaus fähiger Schüler bestand ich schließlich nach 15 Jahren Heimunterricht, am 10.05.1989 das Abitur in der heimischen Küche.

<h4>Studium</h4>

Trotz anfänglicher Schwierigkeiten gelang mir, als einzigem Anwärter, im Oktober 1992 die Aufnahme an der Fachhochschule Much. Der Studiengang "Bachelor of Rosin-Science" (ehem. Diplom-Rosinologe) beansprucht seit dem den größten Teil meiner Zeit.

<p>

Durch die enge und effiziente Zusammenarbeit mit meinem Vater Prof. Dr. Hasse-Seitenbacher wird es mir aller voraussicht nach innerhalb der nächsten 3-4 Semster gelingen den Abschluss Bachelor of Rosin Science zu erreichen.

</p>
<hr>
<h4>Hobbies</h4>

<p>

Inspiriert von meinem Professor interessiere ich mich auch in meiner knapp bemessenen Freizeit für alles was mit Rosinen zu tun hat. Während der letzten Jahre verlagerte sich der Schwerpunkt auf Frühstückscerialien und <a href="http://www.seitenbacher.de" title="zum Müsli" target="_blank">Müsli</a> . Meine private Sammlung zählt mittlerweile zu den Umfangreichsten Müsli-Archiven Europas.

</p>

Ausserdem interessiere ich mich für:

<ul>

<li>Downhillbungee</li>
<li>Drachenversteigerungen und</li>
<li>Briefmarken-Weitwurf in der 55ct-Klasse</li>

</ul>

<h4>Mein Motto</h4>

Für jede Lösung gibt es auch ein Problem

Speichert die die Datei index.html wie bereits gelernt in den Ordner "projekt" und überschreibt so die alte Version. Nun könnt Ihr diese Datei nochmal mit dem Browser betrachten. Wenn Ihr alles richtig gemacht habt, dann dürfte Eure Datei index.html auch in etwa so aussehen: Vorausschau index.html

Es ist Euch bestimmt aufgefallen, dass ich stets versuche TAGs übersichtlich, nach möglichkeit für sich allein in einer extra-Zeile zu platzieren. Dies hat keinerlei Auswirkungen auf die Art und Weise wie ein Browser den Code interpretiert. Ihm ist es vollkommen "wurscht". Ich mache es allein um selber besser durchblicken zu können. Ihr solltet Euch ebenfalls angewöhnen "sauberen Code" zu schreiben. "Sauber" in dem Sinne, dass Ihr selbst schnell erkennen könnt, wo welcher TAG sich befindet. Beispiel: wenn Ihr ein Zeilenumbruch-Tag setzt, dann macht beim Editieren ebenfalls einen Zeilenumbruch. Wenn man sich diese Vorgehensweise von Anfang an angewöhnt, hat man es später viel viel leichter!

Zwischenstand

Was meint Ihr? Das war doch bislang alles nicht sooo schwer, oder? Bis zu diesem Zeitpunkt sind wir nur mit einem Standard-Texteditor und einem Browser ausgekommen. Und das Ergebnis ist schon fast vorzeigewürdig. Natürlich haben wir noch einiges vor uns. Ich werde versuchen Euch auch in den zukünftigen Lektionen nicht mit Code "zuzuknallen". Ich rate Euch aber selbst etwas mit den Codeschnipseln herum zu experimentieren. Nur so bekommt man das richtige Gefühl für das, was wir hier machen.

Im übrigen, habt Ihr Euch schon eine Domain und Webspace gesichert um Eure Website veröffentlichen zu können? Wir werden diese nämlich schon sehr bald brauchen! Schaut nach, ob Eure Wunschdomain noch frei ist:

<<< zurück II weiter >>>