Grundgerüst und erste HTML-Tags
| Website: | Oktaeder-Moodle |
| Kurs: | HTML und CSS |
| Buch: | Grundgerüst und erste HTML-Tags |
| Gedruckt von: | Gast |
| Datum: | Samstag, 7. März 2026, 01:21 |
HTML ist eine Programmiersprache mit der Text, Bilder, Tabellen und vieles mehr formatiert werden kann, so dass sie von einem Browser wie Firefox oder Chrome dargestellt werden kann.
Lade als erstes die Vorlage mit dem Grundgerüst für eine HTML-Datei herunter und öffne sie mit Notepad++: Grundgerüst
Erklärung der Elemente des Grundgerüstes
In HTML werden Bereiche, die formatiert werden sollen fast immer von zwei sogenannten Tags umschlossen. Für uns ist der Tag in Zeile 7 interessant "<body>". Er öffnet den Bereich in dem die eigentlichen Inhalte der Internetseite stehen. In Zeile 9 wird dieser Tag geschlossen "</body>". Diese Schreibweise gilt für alle schließenden Tags.
In Zeile 5 wird der Namen der Seite zwischen den Titel-Tags angegeben.
Sicher findest Du noch weitere Tag-Paare in unserem Grundgerüst.
Überschriften und Absätze
Für eine Seite sind Überschriften und Absätze die Grundlegenden Formatierungen.
Es stehen verschiedene Überschriften zur Verfügung:
<h1>Deine Überschrift</h1>
<h2>Deine zweite Überschrift</h2>
<h3>Deine dritte Überschrift</h3>
Ein Absatz wird vom <p>-Tag umschlossen:
<p>Das ist ein Absatz, der mehr Text enthalten kann. Der Zeilenumbruch wird dabei ähnlich wie in Word automatisch gemacht. Die Breite des Textes kann eventuell nur vom Browserfenster abhängen. Wenn der Text zu breit wird, dann kann das dazu führen, dass der Text schlechter lesbar wird. Wir werden uns später noch anschauen wie Du dafür sorgen kannst, dass der Text eine bestimmte Breite nicht überschreitet.</p>