Hier versuche ich den grundsätzliche Aufbau (Grundgerüst) eines HTML-Dokuments zu beschreiben. Die  "Befehle"  die wir benötigen werden "TAG´s" genannt und für den Anfag sollten uns 4 Tags langen.
doctype
Standart / Sprache
html
das gesamte HTML-Dokument
head
Kopfdaten - Titel, Zeichencodierung, Schlagwörter, Autor und vieles mehr kann hier hinterlegt werden (sogenannte Meta-Tags / Meta-Daten)
body
der anzuzeigende Inhalt (Sichtbarer Teil der Webseite)

 

Eine HTML-Seite hat also einen Grundaufbau. Dieser sollte in der Minimalversion so aussehen:

<!DOCTYPE html>
 
<html>
 
<head>
	<meta charset="UTF-8" />
	<title>HTML Grundgerüst - systemschock.net</title>
	<meta name="description" content="Kurzbeschreibung" />
 
	<link href="style.css" type="text/css" rel="stylesheet" />
 
</head>
 
<body>
 
                 Hallo Welt

</body>
</html>

 

 

DOCTYPE-Definition - erste Zeile jeder Website

Über die DOCTYPE-Definition teilen Sie dem Webbrowser mit, was er in der folgenden Datei erwarten kann und welche HTML-Befehle zulässig sind. Im Klartext, was ist zulässig und was wäre falsch. Wir benötigen diese Zeile, damit wir bald unsere erstellten HTML-Seiten von einem Programm automatisch validieren (überprüfen) lassen können um schnell aus den eigenen Fehlern (und aus den Fehlern anderer) richtiges HTML lernen zu können. Für den Anfang ist es in Ordnung, wenn Sie diese Zeile exakt so übernehmen. Achten Sie beim Übernehmen auf Groß- und Kleinschreibung. Am besten einfach kopieren.

Anmerkung: In Wahrheit gibt es Varianten dieser ersten Zeile. Aber zum Lernen von HTML ist es ideal sich am aktuellsten Standard zu orientieren. Es gibt veraltete DOCTYPE-Varianten, die Sie auf vielen Websites noch antreffen. Im HTML Kurs wird nur die aktuelle HTML5-Variante genutzt. Dadurch fallen alle Fehler sofort auf und man gewöhnt sich nichts Falsches an.

Also kleinse Beispiel: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 5.0.0/EN" "http://www.w3.org/TR/html5/strict.dtd">

Der HTML-TAG <html>

In der nachfolgenden Zeile der DOCTYPE-Definition kommt der Anfangs-TAG <html> mit weiteren Angaben wie beispielweise welche Sprache für den Inhalt der Seite verwendet wird. Diese Zeile einfach 1 zu 1 übernehmen (sofern Sie deutsche Texte schreiben).

Wenn man genau schaut, sieht man, dass der END-TAG </html> ganz am Ende der Seite auftaucht und alle Bereiche umfasst. Wir machen eine HTML-Seite und dazu gehören sowohl die Metaangaben, die sich im <head>-Bereich befinden, wie auch die Inhalte, die sich im <body>-Bereich befinden.

head-Bereich

Im Head-Bereich sind verschiedene Dinge definiert, die der Besucher nicht direkt sieht - mit Ausnahme vom Inhalt des <title>-TAGs, der im Browserfensterkopf angezeigt wird. Die Angaben im Head-Bereich sind wichtig für die Technik und Suchmaschinen und es können noch diverse Informationen über Autor, Copyright und eine Kurzbeschreibung (META-TAG´s) eingetragen werden.

Der wichtigste Eintrag ist der Seitentitel über den HTML-TAG <title>. Dort wird eingetragen, was später in der Internetbrowser-Kopfzeile angezeigt wird wenn der Besucher die Seite aufruft. Auch wird dieser Eintrag von Suchmaschinen verwendet. Dort wird genau diese Zeile als erste Zeile in den Suchmaschinenergebnisse zum Anklicken angezeigt. Tragen Sie dort in wenigen Worten ein, was auf der entsprechenden Einzelseite den Besucher erwartet! Investieren Sie hier Zeit (auch wenn die Tragweite dieser Zeile für den Einsteiger noch nicht komplett abschätzbar und nachvollziehbar sein wird).

 

Mehr über diese  und andere  HTML Befehele findest hier HTML-TAGs auf  dieser Webseite: Meta-Befehle / HTML-Befehle

© Systemschock. All Rights Reserved.
Cookies erleichtern die Bereitstellung unserer Dienste. Mit der Nutzung unserer Dienste erklären Sie sich damit einverstanden, dass wir Cookies verwenden.
Weitere Informationen Ok Ablehnen