Wie ist eine HTML-Seite / Homepage aufgebaut?

Hallo MCore Com,

ich wollte mal ein kleines "Tutorial" dazu machen, wie eine HTML-Seite bzw. Homepage aufgebaut ist.

Wenn man ein HTML Dokument mit einem Editor wie z.B. PSPad(welches ich Favorisiere) oder Notepad++ erstellt, wird man zunächst so eine Datei bekommen:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  </head>
  <body>




  </body>
</html>

* PSPad

Erklärung:

In dem Befehl <head></head> werden Elemente eingetragen, die nicht direkt auf der Homepage sichtbar sind. Wie z.B. der vorgegebene Befehl <title></title>.
Mit diesem Befehl wird der Name der Seite festgelegt, der oben in eurem Tab des Browsers angezeigt wird. Bei News - MMMORPG-Core News wäre es z.B.: MMORPG Core- Deutsche Community für Online Rollenspiele

Die "meta" Daten sind vorerst irrelevant. Haben dennoch eine Bedeutung:

Zitat

Metadaten oder Metainformationen sind Daten, die Informationen über Merkmale anderer Daten enthalten, aber nicht diese Daten selbst.

Quelle: Metadaten

Außerdem landen in dem <head> Bereich alle Notwendigen Befehle, externe Dateien wie CSS-Dokumente, JavaScript-Dokumente o.ä. zu importieren.

Im <body></body> wird alles reingeschrieben was auf der Seite angezeigt werden soll.
Beispiel:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title>Meine erste Homepage</title>
  </head>
  <body>


<h1>Dies ist meine erste Homepage</h1>
<p>Hallo Welt! :-)</p>


  </body>
</html>

Nun wird folgendes angezeigt:
Der Inhalt kann nicht angezeigt werden, da er nicht mehr verfügbar ist.

Oben im Tab steht das was wir im Head Bereich in den <title></title> eingetragen haben.
<h1></h1> Ist ein Überschriften Befehl und <p></p> ein normaler Text Befehl.

So wird im großen und ganzen eine Homepage erstellt.
Per CSS, jQuery, JavaScript etc. wird die Homepage dem entsprechend gestaltet.

Bei Fragen einfach hier posten oder mich anschreiben.

z0r