3. HTML-Grundkenntnisse
Grundelemente, Textanordnung, Formatvorlagen
Grundelemente
Informiere dich unter dem folgenden Link über die Textauszeichnung und Grundgerüst einer HTML-Datei: https://wiki.selfhtml.org/wiki/HTML/Tutorials/Einstieg/Erste_Schritte
Klar sein müssen Bedeutung und Funktion der Begriffe Element, Tag und Attribut sowie die Bedeutung von <html>, <head>, <title>, <body>.
Arbeite den Abschnitt zu den HTML-Kopfdaten durch: Link zu https://wiki.selfhtml.org/wiki/HTML/Kopfdaten
Erstelle nun ein neues HTML-Dokument mit einem geeigneten Editor.
Als title trägst du eine geeignete Überschrift, z.B. "Mein Web-Projekt", ein.
Platziere eine Überschrift und einen kurzen Text im Inhaltsbereich der Seite.
Beispiel:
Textstrukturierung
In selfhtml findest du alle nötigen Infos unter Elemente zur Textstrukturierung
Wie in der Textverarbeitung kann ein Textabschnitt in Zeilen und Absätze gegliedert werden. Dazu stehen die Tags <br/> und <p>...</p> zur Verfügung.
Informiere dich, wie diese Tags angewendet werden können.
Beachte in diesem Zusammenhang die Verschachtelung von Tags. Im folgenden Beispiel siehst du, wie Tags geschachtelt werden können.
Das bedeutet, dass im Gültigkeitsbereich eines Tags weitere Tags liegen können.
Wie bei der Klammerung in Mathe muss aber immer erst der innere Tag geschlossen werden, bevor der äußere geschlossen werden darf.
Formatvorlagen
Einige Formatvorlagen sind bereits in HTML enthalten. Sie definieren das Format von Inhaltselementen.
Erarbeite dir die Verwendung von vordefinierten Überschriften h1 bis h6.
Zu den Elementen für die Formatierung gehörten auch die sogenannten physischen Auszeichnungen. Diese sind aber veraltet (deprecated) und werden durch CSS-Eigenschaften ersetzt.