HTML-Workshop: Let's go public...

Grundstruktur einer HTML-Seite

HTML ist die wichtigste und älteste Sprache für die Erstellung von Web-Seiten im Internet. Die Abkürzung steht für
Hypertext Markup Language,
auf Deutsch: Hypertext-Auszeichnungssprache. Der Begriff Hypertext drückt aus, dass es um Texte geht, die durch Verweise (engl. links) miteinander verbunden sind, sodass man mit einem Mausklick von einem Text zu einem anderen kommt. Dies war ein zentrales Anliegen des Erfinders der Sprache, Tim Berners-Lee, am CERN-Forschungsinstitut (1989). Auszeichnungssprache dagegen bedeutet, dass Textbereiche durch öffnende und schliessende Etiketten (engl. tags) markiert bzw. "ausgezeichnet" werden, um ihnen eine besondere Bedeutung oder ein spezi­fisches Erscheinungsbild zu geben.

Die Grundstruktur einer jeden HTML-Seite ist sehr einfach. Über die DOCTYPE-Angabe muss als erstes dem Browser mitgeteilt werden, dass die Datei HTML- Code als Inhalt hat. Seit der Version 5 muss dabei weder die HTML-Version noch die Variante mehr mit angegeben werden.

Die äussere Klammer bildet dann das html-Etikett (engl. tag), das den gesamten HTML-Code einschliesst und in dem man optional als Attribut auch die Sprache der Seite, hier Deutsch, angeben kann.

Im head-Bereich können verschiedenste Angaben zur Seite, z.B. zur Such­maschinenoptimierung oder zum Einbinden von Skripten, gemacht werden.
Das notwendige Minimum sollte dabei aus der Angabe des verwendeten Zeichensatzes mit Hilfe eines meta-Tags sowie dem Titel der Seite, der im Reiter des jeweiligen Browser-Fensters angezeigt wird, bestehen.

Als Zeichensatz wird hier der Unicode-Zeichensatz UTF-8 verwendet, der aufgrund seiner variablen Codierungslänge und der Kompatibilität der ersten 128 Zeichen (8 Bit) mit dem ASCII-Zeichensatz vorteilhaft ist.

Im body-Bereich steht schlussendlich der HTML-Code, der den sichtbaren Inhalt der Seite ausmacht und im Browserfenster angezeigt wird. 
 
<!DOCTYPE html> 
<html lang="de">
 
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
  <title>HTML-Grundkurs</title >       
 </head>

 <body>  
   
     Hier steht der sichtbare Inhalt der Seite...            
               
 </body>
  
</html>

 

  © K. Milzner, 2013 HTML ist eine "Auszeichungssprache":  Bereiche werden durch öffnende (<...>) und schliessende (</...>) Tags markiert...