Teste deine Erinnerung an die Themen aus INT, indem du Vorlagen in HTML und CSS umsetzt
Erstelle eine HTML-Seite, auf der die dargestellten Interface-Elemente umsetzt. Falls du zu viel vergessen hast, ist die INT-Stunde mit der Testvorbereitung eine gute Referenz, um schnell wieder einzusteigen.
Empfehlung: <a>-Elemente in einer Liste, die horizontal ausgerichtet wird, zB. mit flexbox.
Empfehlung: <ul> mit Listeneinträgen, die über CSS mit Innenabständen und Rahmenlinien versehen werden.
Empfehlung: Erste Zeile im <table>-Element fertig gestalten, dann mehrfach duplizieren und die Inhalte austauschen. Abwechselnde Formatierung entweder mit Klassen, oder über nth-child(even).
Empfehlung: <a> oder <button> Elemente sind möglich. Benötigt werden vor allem Innenabstände und Hintergrundfarben.
Empfehlung: Zwei <ul> korrekt ineinander verschachteln, idealerweise mit klickbaren Verknüpfungen. Descendant combinator in CSS für die Formatierung verwenden.
Empfehlung: flexbox verwenden, um unkompliziert Bild- und Textelemente nebeneinander zu platzieren. Auch möglich: float.
Die veranschlagte Bearbeitungszeit für diese Aufgabe beträgt etwa 30 Minuten.
Die Abgabe dieser Aufgabe ist nicht vorgesehen und dient lediglich deiner eigenen Reflektion und Übung.