Liebe Studentinnen,
Liebe Studenten,
ich darf Sie herzlich hier begrüßen, beim ersten virtuellen Kurs der Universität Stockwich: "HTML für Anfänger". Sie haben sich hier gemeldet, weil Sie etwas über eine Programmiersprache erfahren wollen, die weltweit von allen Programmiersprachen am meisten gekonnt wird. HTML ist übrigens die Abkürzung für "Hyper Text Markup Language". Doch reden wir nicht lange um den heißen Brei herum, fangen wir an:
I. Das Grundgerüst
&
II. Texte schreiben
Das Grundgerüst kennzeichnet eine Seite als HTML-Seite und bestimmt, was allgemeine Information ist (HEAD-Bereich) und was angezeigt wird (BODY-Bereich). Auch wird hier der Titel der Seite bestimmt, der im Browser angezeigt wird.
Öffnen wir nun den Windows-Editor (Start - > Programme - > Zubehör - > Editor ist der Pfad in der Regel). Wir sehen vor uns ein Fenster, wie wir es aus normalen Textverarbeitungsprogrammen kennen, jedoch ohne Textformatierungsbuttons. Wir aktivieren das Eingabefeld durch einen Klick und schreiben hinein:
<html>
Dies gibt dem Browser die Nachricht, dass nun ein HTML-Dokument beginnt. Als nächstes lassen wir den Browser wissen, dass nun die allgemeinen Informationen im HEAD-Bereich kommen. Wir schreiben:
<head>
Als allgemeine Information wollen wir den Titel angeben. Dafür schreiben wir nun:
<title>Titel der Seite</title>
Das "<title>"-Element öffnet den Schreibmodus für den Titel der Seite im Browser, das "</title>"-Element schließt den Schreibmodus durch den Slash ( / ).
Auf die gleiche Weise wollen wir den HEAD-Bereich schließen, da wir nun alle allgemeinen Informationen, die für den Anfang benötigt werden, eingegeben haben:
</head>
Nun kommt der BODY-Bereich, in dem das steht, was später einmal im Browser-Fenster angezeigt werden soll:
<body>
Da wir aber der Seite z.B. einen grünen Hintergrund und einen weißen Text verpassen wollen, müssen wir weitere Tags (HTML-Befehle) und HEX-Code (sechsstelliger Code, mit dem sich jede Farbe definieren lässt, im Muster "#(die ersten zwei Ziffern beschreiben den Rotton)(die zweiten zwei Ziffern beschreiben den Grünton)(die dritten zwei Ziffern beschreiben den Blauton)) verwenden. Wir schreiben in das <body>-Tag:
<body[ bgcolor="#006600" text="#FFFFFF">
Mit dem bgcolor-Tag haben wir die Hintergrundfarbe bestimmt, mit dem text-Tag haben wir die Textfarbe formatiert. Weitere Body-Tags lernen wir später. Nun wollen wir aber einen kleinen Text in die Seite einfügen. Diesen Text kann man nun ganz normal schreiben:
Hallo Welt!
Zu beachten sind Sonderzeichen. Hierbei gilt:
ä wird geschrieben ä
ö wird geschrieben ö
ü wird geschrieben ü
Ä wird geschrieben Ä
Ö wird geschrieben Ö
Ü wird geschrieben Ü
ß wird geschrieben ß
Beachtet man dies, ist das Textschreiben einfach. Nachdem wir nun den Text geschrieben haben, wollen wir den <body>-Tag schließen:
</body>
Natürlich muss auch der HTML-Tag geschlossen werden:
</html>
Nun speichern wir die Seite, indem wir "Datei - > Speichern unter..." anklicken. Wir wählen den Ordner, in dem wir die Datei speichern wollen, stellen als Dateityp "Alle Dateien (*.*)" ein und als Dateiname "willkommen.html" ein. Nun können wir den Ordner öffnen und dort die HTML-Datei "willkommen" doppelt anklicken. Ein Browserfenster öffnet sich und wir sehen unser Ergebnis. Glückwunsch zur ersten Seite mit HTML, die nicht von einem HTML-Erstellungsprogramm, sondern in reiner Programmierarbeit geschrieben wurde!
Hausaufgabe:
Erstellen Sie die HTML-Seite wie oben beschrieben und schicken Sie diese als Anhang an [EMAIL]stockwich@drakestrin.de[/EMAIL] !