Im zweiten Artikel der Artikelserie geht es um die Seitenbereiche einer Website. Speziell geht es um die Einteilung mittels HTML. Dieser Anfänger-Kurs zeigt, wie der Grundriss einer jeden Webseite aussieht (HTML).

Was sind Seitenbereiche und welche gibt es?

Es gibt den sichtbaren Seitenbereich, sowie aber auch den programmiertechnisch aufgebauten Seitenbereich. Letzteres setzt sich wie folgt zusammen:

Dokumenttyp-Deklaration – Doctype

Der Beginn einer jeden Seite wird mit dem Doctye definiert. Darin erhält der Browser die Information, um welche Auszeichnungssprache es sich handelt und um welche Version. HTML gibt es schon sehr lange, viele Verbesserungen von Version zu Version haben einiges an Änderungen mitsich gebracht. Aus diesem Grund ist die Anweisung des Dokumenttyps sehr wichtig. Kein oder ein falscher Doctype führt zu Darstellungsfehlern im Browser selbst.
Die erste Zeile des unteren Quellcodes ist ein möglicher Doctype.

Hier findest du mehr Doctypes für andere Anwendungsbereiche oder “Moderne”.

Kopfbereich – head

Im Kopfbereich werden Browser-Informationen gespeichert. Beispielsweise der Seitentitel, welcher dann im Browser steht. Oder es werden verschiedene Dateien verknüüft, welche der Browser lesen soll.

Es gibt noch einiges mehr, was in den Bereich <head> fällt und in späteren Tutorials Anwendung findet.

Körper – body

Dies ist der für den Besucher sichtbare Teil der Seite. Darin werden alle Informationen hinein geschrieben, welche im Browser sichtbar sein sollen.

HTML Grundgerüst – Grundaufbau einer jeden Webseite

Folgenden Code kannst du dir in eine Textdatei (.txt) kopieren. Benenne diese als .html um, um diese mit deinem Browser zu öffnen. HTML Dateien kannst du mit jedem reinen Texteditor (z.B.: Notepad empfohlen) wieder editieren. Verwende nicht Microsoft Word oder OpenOffice dafür!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
   <title>Titel deiner Webseite</title>
</head>
<body>
 
Sichtbarer Teil im Browser
 
</body>
</html>

HTML ist sehr einfach und logisch aufgebaut. Für fast alles gibt es eine Start- und Endeigenschaft. Beispielsweise <html> bestimmt den Start, </html> das Ende des Bereiches für HTML.

GD Star Rating
loading...