Zum Inhalt

CSS & HTML

PL

Bridge: Im Browser den Quelltext des Gitbooks anschauen und über 'Element untersuchen' CSS betrachten.

HTML ist die Auszeichnungssprache für die Darstellung von Seiten in Browsern wie Firefox. Um den Inhalt vom Styling zu trennen, verwendet man für das Styling CSS (Cascading Style Sheets).

Die ersten Schritte zur ersten eigenen Internetseite geht der Lehrer mit den Schülern offline:

Ordner mit *.html und *.css, Editor, Browser.

Codepen.io

1
2
3
4
Selektor_1, Selektor_2 {
Eigenschaft1: Wert;
Eigenschaft2: Wert;
}
Nachfahren definiert man ohne das Komma nach Selektor_1.

EA: Erste HTML-Seite

Erstelle eine HTML-Seite, die die folgenden Tags enthält

  • html, head, title, body (Grundstruktur)
  • p, br (Text, Zeilenumbruch)
  • h1, h2,... (Überschriften)
  • a (Links)
  • img (Bilder)
  • ul, li (Listen)
  • table, tr (Tabellen)