[ start ] [ schulungen ] [ webdesign ]
 

[ html ]

Der grundsätzliche Aufbau einer HTML-Datei

Damit der Browser die HTML-Datei erkennt, müssen Sie die Datei nach einem bestimmten Muster aufbauen.
Ganz am Anfang und ganz am Ende der Datei steht das html-Tag. Dazwischen werden zwei Bereiche definiert, die "head" und "body" heißen.
Achten Sie darauf, dass Sie jedes Tag das Sie öffnen auch wieder abschließen.
<html>...</html>
 

Am Anfang und am Ende einer HTML-Datei steht das html-Tag. Damit wird dem Browser angezeigt, dass der Inhalt zwischen den Tags eine HTML-Datei ist. Der Inhalt zwischen den Tags wird dann vom Browser dargestellt.

Eine HTML-Datei besteht immer aus zwei Teilen: dem Head und dem Body.
<head>...</head>
 

Im Head einer HTML-Datei ist der Titel der Seite hinterlegt; dieser wird in der Titelleiste des Browsers und in der Taskleiste angezeigt.

Ansonsten sind im Head noch Angaben für die Suchmaschine enthalten. Formatierungsangaben und Skripte sind hier - bei Bedarf - ebenfalls zu finden.
<body>...</body>
 

Im Body wird der Inhalt der Internetseite hinterlegt: Der Inhalt kann einfacher Text sein. Sie können den Text mir geeigneten Tags formatieren.

In den Text können Sie Bilder, Tabellen oder so genannte Formularelemente einfügen.

Der Aufbau einer HTML-Datei
<html>
<head>
</head>
<body>
</body>
</html>

Auf der linken Seite sehen Sie jetzt den typischen Aufbau einer HTML-Datei. Wenn Sie diesen sogenannten Quelltext (im Editor) abtippen und als HTML-Datei speichern, die gespeicherte Datei im Browser öffnen, sehen Sie eine "leere Internetseite".

Bitte beachten Sie, dass zwischen dem html-Tag die Bereiche für head und body eingefügt sind. Innerhalb des head-Tags können Sie nur andere festgelegte Tags verwenden. Alles was Sie an Text innerhalb des body-Tags schreiben, wird dann im Browserfenster angezeigt.

Mehr dazu in den Kapiteln: head, body, oder Textformatierung
   
 
 


[ schulungen ]
[ ] [ html ]
[ ] [ ] [ html-Datei ]
[ ] [ ] [ head & body ]
[ ] [ ] [ text ]
[ ] [ ] [ ] [ absatz ]
[ ] [ ] [ ] [ listen ]
[ ] [ ] [ link ]
[ ] [ ] [ tabellen ]
[ ] [ ] [ ] [ tabelle ]
[ ] [ ] [ ] [ zelle ]
[ ] [ ] [ bild ]
[ ] [ ] [ frameset ]

[ webdesign ]
   
 
 
[ eMail ]
stefan.rathgeb@wwwwerk.de