Online HTML-Kurs (Teil 2): Das HTML-Grundgerüst
Da HTML wie auch XHTML letztendlich von SGML abgeleitet wurde, sehen alle Sprachen die in diese Richtung gehen ähnlich aus. Soll heißen, es gibt sogenannte "Tags" oder auch "Marken" die in spitzen Klammern eingerahmt sind und die entweder eine Startmarke oder eine Endmarke darstellen. Zwischen diesen Marken befindet sich der Inhalt des Elementes. Damit wir später, wenn wir auf XHMTL umsteigen, keine Probleme bekommen, werden wir die Marken, die gleichzeitig Befehle für den Browser darstellen, klein schreiben. Außerdem werden wir den Code so gestalten, dass wir uns immer im "strict"-Rahmen bewegen werden. Dazu aber später mehr.
Ein ganz einfaches Beispiel hierfür ist das <html>-Tag, welches als Container für den restlichen Inhalt unseres HTML-Dokumentes dient:
<html>
... Inhalt ...
</html>
Hier sieht man auch deutlich, dass sich das Endtag durch einen Slash vor dem Namen unterscheidet. Damit ist klar, welche Marke die Startmarke und welches die Endmarke ist. Mit dem Begriff Container wird immer ein Bereich bezeichnet, der von einer Startmarke und einer Endmarke umrahmt ist und der weiteren Inhalt enthält.
Wie bei einem normalen Dokument gibt es nun einen Dokumentkopf <head> und einen Dokumentrumpf <body>. Im Dokumentkopf wird der Titel des Dokumentes, die Meta-Tags und Angaben zu CSS gesetzt. Im Dokumentrumpf befindet sich der informative Inhalt, z.B. Text, Bilder, Tabellen, Links aber auch Formatierungsanweisungen.
Hierzu ein Beispiel:
<html>
<head>
<title>Dies ist der Titel</title>
</head>
<body>
... Inhalt ...
</body>
</html>
Innerhalb des <html>-Containers befinden sich zwei weitere Container. Der <head>-Container und der <body>-Container. Innerhalb des Kopfes wird dann noch ein weiterer Container verwendet, nämlich der Titel umrahmt von den <title>-Marken. Öffnen wir nun mit einem Browser eine HTML-Textdatei die diesen Code beinhaltet, so wird der Titel ganz oben im Browser-Titelfenster dargestellt.
Was man noch alles im Dokumentkopf angeben kann, werden wir später sehen. Zunächst wollen wir uns im nächsten Schritt dem Dokumentenrumpf und einfachen Befehlen widmen, die es uns erlauben, schnell ein brauchbares Dokument zu gestalten.
Kategorien
HTML , Step-by-Step1 TrackBacks
Folgende Einträge anderer Blogs beziehen sich auf den Eintrag Online HTML-Kurs (Teil 2): Das HTML-Grundgerüst
TrackBack-URL dieses Eintrags: http://www.undertec.de/mt-cgi/mt-tb.cgi/228
Morgen beginnt wie bereits hier im Blog angekündigt der Online HTML-Kurs. Diese Seite soll dazu dienen ein Inhaltsverzeichnis zu allen Kursseiten bereitzustellen. Im Laufe der Zeit wird das Inhaltsverzeichnis ergänzt. Jeder Artikel kann kommentier... Mehr
Jetzt kommentieren