Thema: CSS-Elemente einsetzen

8. Aufgabe:
Erstellen Sie eine HTML-Datei mit dem Dateinamen a108.html! Das Layout im Browser soll so ähnlich wie unten aussehen. Dabei sollen die HTML-Elemente (überschriften, Textstrukturierung, Schriftformatierung, Tabelle und Bilder) behandelt werden.

Hilfestellung
  • JS und CSS: Um fertiges Frontend-Framework einzubinden. (siehe Abschnitt 2.0)
  • Row und Grid-Klassen: Um den Seiteninhalt aufzuteilen. (siehe Abschnitt 2.7)
  • Table-Klassen: Um die Form der Tabelle zu bestimmen. (siehe Abschnitt 2.13)
  • Typography-Klassen: Um überschriften, Textstrukturierung, Schriftformatierung festzulegen. (siehe Abschnitt 2.14)
  • Color-Klassen: Um die Schrift- und Hintergrundfarben zu bestimmen. (siehe Abschnitt 2.5)
  • Tab-Klassen: Um bei Bedarf bestimmte Informationen ein- und auszublenden. (siehe Abschnitt 2.12, 9. Punkt)

Hinweis: Um die Nachhaltigkeit eines Produktes zu demonstrieren, wurden die Ampelfarben als Hintergrund festgelegt. Hierbei dienen die Informationen nur als Beispiel und können Abweichungen geben.

Olives und Weißes Damen T-Shirt

Produzent

Gerry Weber Neulehenstr. 8 - D-33790 Halle
  • Arbeitsrecht
  • Faire Bezahlung
  • Gewerkschaft
  • Gesundheitsstandard
  • Sicherheitsschutz
  • Umweltstandard

Produkt Info

  • Rundausschnitt
  • Glitzer Muster
  • Naturfarben
  • 100 % Baumwolle

Pflegezeichen

  • 30° Normal Schonwaschgang,
  • Nicht bleichen,
  • Trocknen in Trumbler nicht möglich,
  • Mäßig heiß bügeln,
  • Keine Chemischreinigung möglich.

Code: 004934533790-062014-111111-8F826C-XXA-0602-000001

Class A: by Dr. Katrin Prinz
Note: Classes A=1, B=2 and C>=3 have components or fibers.