Willkommen zu einem weiteren Beitrag! Nun arbeiten wir an unserer Website weiter! Zuletzt hast du gelernt, wie du eine Website erstellst und deinen ersten Satz in HTML schreibst.
Heute fangen wir mit der Struktur der Seite an und geben deinem Text bereits eine Formatierung!

Du solltest wissen, dass jeder Teil deiner Website einen bestimmten Bereich hat. Die wichtigsten Bereiche sind „head“ „body“ „header“ und „Footer“. Das hat den Vorteil, dass du so ganz einfach die Möglichkeit hast deine Website zu formatieren und beispielsweise ein Menü am oberen Teil, den Content in der Mitte und am unteren Teil ein weiteres Menü o.ä. einfügen kannst.

<!DOCTYPE html>
<html>
  
  <head>Hier kannst du andere Dateien importieren und "konfigurieren".</head>
<body>
  <header>
  Hier ist der Website Bereich!
  </header>
  Hier stehen deine Beiträge!
  </body>
<footer></footer>
  
</html>

Wenn du oben rechts auf den „Play“-Button klickst, siehst du das Fazit des Codes.

Nun möchten wir die Schriften formatieren!
Es gibt viele Möglichkeiten, Schriften zu formatieren. Ich zähle dir einige auf:

<b>Hiermit wird mein Text fett angezeigt</b>
<i>Hiermit wird mein Text kursiv angezeigt</i>
<u>Hiermit wird mein Text unterstrichen</u>
<strike>Hiermit kann ich meinen Text durchstreichen</strike>

Die Größe deines Textes kannst du ganz einfach festlegen. Das zeige ich dir wieder mit einem Editor. Klicke bitte wieder auf den „Play“-Button!


<h1>Groß</h1>
<h2>kleiner</h2>
<h3>noch kleiner</h3>
<h4>"</h4>
<h5>"</h5>
<h6>"</h6>

In diesem Teil hast du gelernt, wie du Websites in bestimmte Bereiche einteilst und deine Texte formatieren kannst.
Hoffentlich sehen wir uns in Teil 2! 😀