Klinglton358

Entwurf eines HTML-Guides, siehe hier. Jeder ist herzlichst eingeladen, ihn zu bearbeiten.

Nun habt ihr schon einiges über das Internet und Websites gelernt und sicher fragt ihr euch, wie denn überhaupt eine Seite im Internet erstellt werden kann. Deshalb möchten wir euch eine der wichtigsten Auszeichnungssprachen des Internets vorstellen und lehren: HTML. Dies ist eine Abkürzung und steht für Hypertext Markup Language. Mit ihr wurden die ersten Websites im World Wide Web geschrieben.

Doch wie geht das eigentlich? Zuerst muss man wissen, dass fast jede Website eigentlich aus zunächst unverständlichem Text besteht. Möchte man seine Website ändern, muss man dabei diesen Text in der dazugehörigen HTML-Datei ändern. Dabei gibt es Elemente, die etwas bestimmtes dem Computer sagen, oft z. B. wie er etwas anzeigen soll. So steht im Code vielleicht "Dies ist ein <b>Satz</b>", im Browser angezeigt wird aber "Dies ist ein Satz". Diese Elemente sind sehr wichtig in HTML, da man sonst bloß reinen Text ohne Formatierungen, Bilder, Tabellen, usw. ausgeben könnte. Eine HTML-Datei kann benannt werden wie man möchte, nur sollte man von Sonderzeichen und Umlauten möglichst absehen und der Name sollte mit .html oder .htm enden.

Jede HTML-Datei besitzt zunächst ein kleines Grundgerüst:

<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>

Das ist schon ein recht komischer Text, nicht? Doch sieht man ihn sich genauer an, wird es verständlicher:

<!DOCTYPE html> sagt dem Computer, dass dies eine HTML-Datei ist.
Alles was zwischen <html> und </html> ist, ist der Bereich, in dem HTML verwendet wird.
Zwischen <head> und </head> befindet sich der Kopf (Header), in dem alles, was nicht direkt auf der Website angezeigt werden soll. Dies ist z. B. der Favicon (das Bildchen, das oben in der Adressleiste und/oder im Tab steht) oder der Title (Titel), der im Tab und/oder im Computerfenster steht, oder aber ach bspw. Verweise auf CSS-Dokumente, die das Aussehen einzelner Websiteabschnitte definieren.
Zwischen <body> und </body> ist der Körper (Body). Darin steht (nahezu) alles, was auf der Website angezeigt werden soll.