...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 in dieser Startseite bedeuten.
Öffne dazu Thimble und starte dort ein neues
Projekt.
Thimble ist ein Online-Editor, der HTML-Code sofort in Webseitendarstellung übersetzt.
Experimentiere in Thimble mit Tags, die auf dieser Webseite verwendet werden, und füge weitere hinzu.
Am Ende sollst du mindestens 10 verwendete Tags erklären können.
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.