Hier soll es dann tatsaechlich losgehen...
------------------------------------------------------------------------------------------------
nachdem hoffentlich alle einen Text erstellen koennen und diesen auch in einem
Browserfenster darstellen koennen folgt hier nun die erste Anleitung.
Grundsaetzlich koennten Internetseiten auch nur aus Textdateien bestehen.
Allerdings gaebe es dann keine Moeglichkeit des verlinkens von einzelnen
Seiten.
HTML steht fuer Hypertext Markup Language
und ist, im Gegensatz
zu JavaScript KEINE Programmiersprache. Wir muessen hier jedoch mit HTML anfangen,
weil JavaScript in eben diese HTML eingebettet ist.
Eine Seite mit einfachem Inhalt sieht so aus:
Wie im Textfeld beschrieben: Markien sie den Text im Textfeld und fuegen diesen mittels
copy & paste in ihren Texteditor ein.
Entfernen Sie im Editor nun die Content-Text und fuegen einen eigenen nach belieben hinzu.
Vermeiden Sie hierbei jedoch deutsche Umlaute wie ä, ü, ö und ß, da HTML
nur Texte mit den ersten 128 Zeichen des Ascii-Codes verarbeitet und diese mittels speziellen
Befehlen dargestellt werden. Verwenden Sie anstelle der deutschen Umlaute fuer den Anfang
stattdesse: ae, ue, oe, ss fuer ä, ü, ö und ß so wie dieses hier in
diesem Text auch stattfindet.
Fuer diejenigen, die nicht genau wissen, was der Ascii-Code ist kann hier nachgelesen werden:
HTML - TAGS
------------------------------
(so, jetzt ist mir doch glatt der Computer abgestuerzt und ein langer Text ist weg, also nochmal)
Nachdem sie jetzt in der Lage sind, einen Text innerhalb einer regulären HTML-Datei darzustellen,
kommen wir zu der zentralen Gestaltungs- und Formatierungsmoeglichkeit von HTML, dem TAG
(engl. gesprochen TÄCK).
TAGS sind Gestaltungselemente wie sie unsichtbar beispielsweise in Word und anderen Textverarbeitungsprogrammen
auch verwendet werden. Ältere Computerbenutzer (wie bspw. Herr Markus H. ... konnte ich mir nicht verkneifen)
erinnern sich vielleicht noch an uralte MS-DOS Programme bei denen bspw. in WordPerfect die Tags angezeigt werden
konnten.
Tags bestehen (bis auf ganz wenige Ausnahmen) aus 2 Elementen, dem Einleitungs-Tag und dem Beenden-Tag !
Tags sind hierbei in die groesser und kleiner Zeichen eingeschlossen: < und >
Beispiel fuer das fett schreiben
TAG:
--------------------------------------------------------------------
Ab <b> wird ein Text solange in Fettschrift dargestellt, bis die Fettschrift mittels einem </b> Tag
beendet wird.
Der Schraegstrich innerhalb der Kleiner- und Groesserzeichen beendet somit immer die Anwendung des entsprechenden
Tags.
Eine Beschreibung der HTML-Elemente, auch die der Tags findet sich in:
Ein paar Tags, die sie zum Ausprobieren verwenden koennen sind:
- b : Fettschrift
- em : kursiv
- ul : Text einruecken
- h1, h2, h3, h4, h5, h6 : Ueberschriftsgroessen, h1 ist der kleinste, h6 ist der groesste
- pre : Einen vorformatierten Text anzeigen, hier werden harte Zeilenumbrueche im Text uebernommen
Ein einteiliger Tag ist: <br>, dieser erzwingt einen Zeilentext (HTML erzeugt einen Fließtext,
d.h. dass ein Text an den Bildschirmgegebenheiten ausgerichtet wird. ein <br> erzwingt eine neue
Zeile.
Die oben aufgefuehrten Tags sind fuer reine Textgestaltungen vorgesehen. HTML hat eine Unmenge von Tags, die
zusaetzliche Angaben benoetigen, zum experimentieren sollten die obigen Tags vorerst jedoch einmal reichen.
Kopieren sie sich den Code aus dem Textfeld in den Editor, und experiementieren sie mit den Tags.
So sieht der Text im Textfeld im Browser aus: Vorschau