Informatik :: HTML :: Grundstruktur

Die Grundstruktur einer HTML-Datei

Eine HTML-Datei besteht grundsätzlich aus folgender Grundstruktur, die durch Einzüge (Leerzeichen) übersichtlicher wird:
 
<HTML> - einleitender Tag jeder HTML-Datei
   <HEAD> - einleitender Tag des Kopfes
      <TITLE> Titeltext </TITLE> - Titel des Dokumentes
   </HEAD> - schließender Tag des Kopfes
   <BODY> - einleitender Tag des Körpers
     Texte, Grafiken, Links usw. - eigentlicher Inhalt
   </BODY> - schließender Tag des Körpers
</HTML> - schließender Tag der HTML-Datei

Kommentare

Insbesondere bei langem oder unübersichtlichem Quellcode empfiehlt es sich Hinweise in den Quellcode einzufügen.
Er dient ausschließlich dem Autor und soll natürlich auf der Webseite nicht zu sehen sein.

Kommentare schreibt man zwischen spitze Klammern. Der öffnenden Klammer folgen ein Ausrufezeichen und mindestens ein Minuszeichen, der abschließenden Klammer geht mindestens ein Minuszeichen voraus:

<!-------- Kommentar ------->

Es empfehlen sich mehrere Minuszeichen, denn ein Kommentar soll ja schnell auffindbar sein.

Manueller Zeilenumbruch

Der <BR>-Tag (br von break) wird an die Stelle im Text gesetzt, an der ein Zeilenumbruch gewünscht wird.
Ansonsten wird Text am rechten Rand des Browserfensters umgebrochen. (Nachteil: lange Textzeilen lassen sich schlechter lesen)

<BR> hat keinen Endtag. Solche Tags nennt man Stand-alone-tags.

Aufgabe:

  1. Erfassen Sie zunächst mit einem Texteditor (z.B. Notepad im Zubehör) folgenden HTML-Quellcode:
    (Die Zeilennnummern dienen nur zur Orientierung und dürfen nicht mitgeschrieben zu werden!)

  2. Legen Sie sich für alle Übungsdateien in Ihrem Homeverzeichnis einen Ordner HTML an!
    Speichern Sie dann die unter a) erstellte Datei unter 01_Struktur.html im Ordner HTML!

  3. Starten Sie den Mozilla-Browser und lassen Sie die Datei als HTML-Dokument anzeigen.

HTML HauptmenüSeitenanfang