Um jedem Irrglauben gleich einmal vorzubeugen: Html ist keine Programmiersprache. Html steht für "Hypertext Markup Language" und lässt sich wohl am besten mit "Seitenauszeichnungssprache" übersetzen.
Also wird mit Html nichts programmiert, sondern es werden einfach Elemente auf einer Seite platziert und der Seitenaufbau festgelegt.
Ich werde hier keinen vollständigen Lehrgang anbieten, sondern nur eine grobe Einführung mit ein paar weiter führenden Links. Hauptsächlich ist dieser Artikel an die gerichtet, die eine Homepage Vorlage mit Inhalt füllen wollen.
Beginnen wir also mit der Einführung.
Ein Befehl in HTML wird immer mit einem sogenannten "Tag" eingeleitet und beendet. Einen Tag erkennt man an seinen spitzen Klammern <tag>, ein beendeter Tag wird immer mit einem Slash ergänzt : </tag>
Anhand dieses Gerüstes sehen wir nun drei Teile, die in jedem Html Dokument gleich sind :
Dem aufmerksamen Leser wird an dieser Stelle nicht entgangen sein, dass in den drei Boxen nicht auf den Tag <html> </html> eingangen wurde.
Dieser Tag wird auch als Wurzelelement bezeichnet und schließt alle Seiten relevanten Elemente wie den head und body in sich ein, während der Doctype noch darüber steht.
Ein Frameset-Aufbau sieht ein wenig anders aus, aber darauf möchte ich nicht weiter eingehen, da Frames veraltet sind und mittlerweile selten verwendet werden. Unter den Homepage Vorlagen von pixelmania.at sind zwar noch viele Vorlagen mit Frames zu finden, allerdings ist anzumerken, dass diese Vorlagen mittlerweile einige Jahre auf dem Buckel haben.
Ok, das war nun Html, aber was ist nun XHTML genau?
Ich glaube, ohne viel Fachausdrücke zu verwenden, kann man es so beschreiben:
Html verzeiht Fehler innerhalb einer Seite. Xhtml setzt dagegen voraus, dass man sich strikt an alle Regeln von Xhtml hält. Vergisst man bei Html einen Tag zu schließen, kann der Browser - sofern es kein wichtiger Tag ist - den Fehler interpretieren und das Dokument richtig wiedergeben.
Bei Xhtml kann ein fehlender Tag das ganze Layout "zerstören", das wirkt sich so aus, dass Elemente nicht mehr am richtigen Platz sind, oder Textpassagen nicht mehr angezeigt werden. Die Fehlerliste, die hier auftreten kann, ist unendlich. Ich empfehle jedem Html Einsteiger, sich erstmal mit Html zu befassen, und wenn das sitzt, sich Xhtml zuzuwenden.
Vielleicht sollte ich noch erwähnen, dass Xhtml im Gegensatz zu Html Groß- und Kleinschreibung unterscheidet. Eröffnet man also in Xhtml einen Tag großgeschrieben und beendet ihn kleingeschrieben, so wird das nicht erkannt. Xhtml deklariert das nun als fehlenden Tag, und es kann schon zu fehlerhaften Darstellungen im Browser kommen.
Als kurzes Beispiel ein Xhtml Grundgerüst.
So, genug von Xhtml, wenden wir uns wieder dem Einstieg in Html zu.
Womit ich auch nicht nur bei Html bleiben möchte, sondern gleichzeitig Grundlegendes zum CSS erklären möchte.
Doch was ist nun CSS?
CSS steht für Cascading Stylesheets, man kann damit Html Elemente formatieren, positionieren und hat den immensen Vorteil, dass man für alles Erdenkliche sogenannte Klassen (classes) anlegen kann, die man immer wieder in einem Html Dokument aufrufen kann.
Ich bin kein Freund der Stylesheets, die in einem Dokument selbst geschrieben werden, und auch hier bietet CSS eine gute Lösung: Ein Stylesheet kann in einer Datei angelegt werden und wird im Html Dokument verlinkt. Der Browser überprüft beim Aufruf einer Seite, ob eine CSS Datei verlinkt wird, liest diese aus und formatiert das Html entsprechend den Befehlen des CSS Stylesheets.
Der Vorteil liegt klar auf der Hand, möchte ich ein bestimmtes Element, eine class, eine Formatierung ändern, braucht man dies nur in der einen Datei machen und es greift auf allen Seiten, wo dieses Stylesheet verlinkt ist.
Diese Verlinkung kommt in den Headbereich des Html Dokumentes. Im nachfolgenden Beispiel nach dem Title Tag eingefügt.
kein kommentar.....das darf dich nicht wundern weil den link findet man nur schwer. selbst nach dem newsletter vom forum musste ich 5 min. suchen bis ich dieses thema gefunden habe !
Hier kannst Du Deinen Kommentar zu diesem Artikel schreiben.
