Aufbau einer HTML - Wie ist eine HTML aufgebaut ?

Bei HTML geht alles ganz bürokratisch zu. Um ein HTML-Dokument eindeutig zu kennzeichnen, wird es zuallererst in einen <HTML>-Tag eingeschlossen.

Das eigentliche Dokument gliedert sich dann in einen Header und einen Body.

Der Header wird durch <HEAD>-Tags umschlossen. Hier stehen allgemeine Informationen über das Dokument.
Es handelt sich hierbei um Meta-Informationen (<META>), die dem Browser etwas über das Dokument erzählen; wie es heißt, wer es gemacht hat und vieles mehr.

Das wichtigste Element im Header ist der Titel des Dokuments, er wird mit <TITLE> gekennzeichnet.
Der Titel sollte ein Dokument auch außerhalb seines Kontextes kennzeichnen, er wird z. B. für die Anzeige in der History, der Hotlist oder als Ausgabe automatischen Suchens auf dem Netz benutzt. Er sollte, alleinstehend, eine Aussage über das Dokument geben.

Der Body ist der eigentliche Informationsträger, er wird durch <BODY>-Tags begrenzt und enthält all das, was später zur Anzeige kommen soll. Und das ist ganz normaler ASCII-Text. Dabei muß auf Zeilenumbrüche und ähnliches nicht geachtet werden, da dies Ihr Browser für Sie übernimmt.

Aber:
Jeder Browser funktioniert anders, benutzt andere Zeichensätze oder Fenstergrößen ...
Es sollte also beim Schreiben eines HTML-Dokuments immer darauf geachtet werden, daß es von unterschiedlichen Browsern ganz unterschiedlich dargestellt werden kann.

HTML-Tags dienen also nur einer sturen Gliederung des Dokuments und geben dem Browser Hinweise über den Inhalt, die dieser dann in eine seinem Benutzer angenehme Darstellung übersetzt.

allgemeiner Aufbau eines HTML-Dokuments

<HTML>
  <HEAD>
   <META NAME="DESCRIPTION" CONTENT="HTML-FORUM">
   <TITLE>Testseite</TITLE>
 </HEAD>
 <BODY>
  <H1>Testseite.</H1>
  <P>Ich bin eine Testseite und werde immer dann ...</P>
  <P>Ich bin eine Testseite und werde immer dann ...</P>
  <P>Ich bin eine Testseite und werde immer dann ...</P>
  <P>Ich bin eine Testseite und werde immer dann ...</P>
 </BODY>
</HTML>

Übrigens:
Wer seinen Quelltext mit Kommentaren versehen möchte, kann dies mit folgendem Tag machen:

    <!-- Kommentar //-->

 

 
 
 
 Kontakt | Übersicht | Komplex-Suche | AGB | Impressum | Datenschutz
Copyright © 2012 Juniors-Workstation. Alle Rechte vorbehalten.
Joomla! ist freie, unter der GNU/GPL-Lizenz veröffentlichte Software.
 
 
     
 
   
Design by windows vista forum and energiesparlampen