...wie man mit CSS Struktur und Formatierung einer Webseite trennen kann.
Was ist HTML?
Webseiten sind in der Sprache "HTML", der "Hypertext Markup Language", geschrieben.
Übersetzen könnte man das mit "Hypertext-Hervorhebungssprache". Solche Hervorhebungen bezeichnet
man auch als Tags. Sie sind daran erkennbar, dass sie in < und >
eingefasst sind. Sehen kann man sie allerdings nur, wenn man sich den Quelltext der Seite
anschaut (drücke dazu Strg + U) und nicht nur das, was der Browser daraus gemacht hat
(die Interpretation des Quelltextes). In gewissem Sinne ist der Quelltext das Notenblatt und der Browser
spielt die Musik danach.
Bevor ihr aber eigene Seiten schreibt, sollen zunächst vorhandene Webseiten analysiert werden.
Aufgaben
Finde heraus, was die Tags dieser Webseite bedeuten.
Öffne dazu den KKG-HTML-Editor.
Der KKG-HTML-Editor ist ein Online-Editor, der HTML-Code sofort in Webseitendarstellung übersetzt.
Lass dir den Quelltext dieser Seite anzeigen (Strg + U) und kopiere den Quelltext in das Feld Quelltext:HTML im Editor. Experimentiere im Editor mit Tags, die auf dieser Webseite verwendet werden, und füge weitere hinzu.
Einige Tags haben Auswirkungen auf die Darstellung des Textes, andere betreffen die Struktur des
dargestellten
Textes. Untersuche die auf dieser Webseite verwendeten HTML-Tags und ihre Bedeutung. Notiere in einer
Tabelle
auf dem Arbeitsblatt außerdem, ob sie die Struktur eines Textteils, sein Aussehen oder beides beschreiben
bzw.
beeinflussen.