Willkommen im HTML/CSS-Blog alles in fünf und drei

HTML+CSS = Webdesign! In diesem Bereich wird Eurer Kreativität keine Grenzen gesetzt! Hier vermitteln wir Euch hier Tipps, Tricks und Kniffe in HTML und CSS und geben Euch so das Handwerkszeug an die Hand, eigene tolle Webinhalte und Seiten zu erstellen.

html&css

Kategorie:  HTML/CSSVeröffentlicht:

Grundgerüst eines HTML-Dokumentes

Hi zusammen!
Wir sind wieder da und werden euch heute erklären wie ein HTML-Dokument auszusehen hat, damit es übersichtlich und schön aussieht.

Wie wir letztens schon erwähnt haben, gibt es den tag <!DOCTYPE html>, welcher im Dokument ganz oben stehen muss, damit der Browser weiß, um welchen Dokumenten-Typ es geht.

Genau unter den tag <!DOCTYPE html> kommt der tag <html> und damit wir nicht vergessen ihn zu schließen und nachher den Fehler suchen, schließen wir ihn sofort!

Das ganze sieht dann so aus:

<!DOCTYPE html>
<html>
</html>

Jetzt müssen wir das Thema von einer anderen Seite angehen um den Rest etwas leichter zu verstehen. Wir sehen ein HTML Dokument jetzt einfachmal an wie einen Menschen:

KOPF(head) --> Dort werden die Basisinformationen gespeichert, wie die Sprache, Titel der Homepage und die CSS-Verlinkung
KÖRPER(body) --> Hier wird der komplette Inhalt verfasst, welcher dann auf der Homepage Sichtbar ist, wie Texte, Bilder etc.
FÜSSE(footer) --> Hier befinden sich die Schlussinformationen wie das Impressum

Im Dokument sieht das dann so aus:

<!DOCTYPE html>
<html>
<head>
<!-- Informationen -->
</head>

<body>
<!-- Sichtbare Seite -->
</body>

<footer>
<!-- Schlussinformationen -->
</footer>
</html>


Euer HTML/CSS Team!:-)