Lern-Fabrik
Programmierung
LE00 JavaScript-Grundlagen
LE00 JavaScript-Rechenoperationen
LE00 JavaScript-Anleitung-Rechner
LE01 JavaScript-Einführung
LE02 JavaScript-Variablen
LE03 JavaScript-Verzweigungen
LE04 JavaScript-Schleifen
LE05 JavaScript-Arrays
Programmierübungen
JavaScript-Codeeditor
Teste Dein Wissen!
HTML/CSS
LE01 HTML/CSS Grundlagen
LE02 HTML/CSS Hyperlinks
LE03 HTML/CSS Tabellen
LE04 HTML/CSS Listen
LE05 Einführung Bootstrap
LE06 HTML/CSS Framework Bootstrap
LE07 HTML/CSS Flex/Grid-Layout
Bootstrap-Anleitung
Wetterapp-Leitfaden
HTML/CSS-Editor
HTML/CSS-Übungen
Flex/Grid Übungen
DB-SQL
LE00 SQL-Grundlagen
LE01 SQL-Einführung
LE02 SQL-Relationale DB
LE03 SQL-Funktionen
LE04 SQL-Schlüssel & Indizes
LE05 SQL-ERM
SQL-Editor
SQL-Übungsgaufgaben
ERM-Übungsgaufgaben
SQL-Test
Bigdata-Introduction
Bigdata-Übungen
Prompts
Kryptographie
LE01 Verschlüsselung Verfahren
LE02 RSA
LE03 Diffie-Hellman
LE04 EL-Gamal
LE05 Digitale Signatur
LE06 IT-Security
Grundlagen Informatik
LE00 Hardwarekomponenten
LE01 Speichereinheiten
LE02 Stellenwertsystem
LE03 ASCII-Code
LE04 Modulo/Div
LE05 Huffman-Code
Teste Dein Wissen!
Graphentheorie (TSP)
LE01 TSP-Einführung
LE02 TSP-Dijkstra
Übungsaufgaben
Sortieralgorithmen
LE00 Einführung Sortieralgorithmen
LE01 Bubble-Sort
LE02 Insertion-Sort
LE03 Selection-Sort
LE04 Merge-Sort
LE05 Heap-Sort
LE06 Quick-Sort
Scrum-Methode
Scrum-Einführung
Scrum-Projektmanagement
Scrum-Kanban
Projekt-Digitalisierung
Datenanalyse
Lernsituation
Formelsammlung
Vorlagen für die Bearbeitung
Vorlagen
Vorlage (normal)
Vorlage (Bootstrap)
HTML/CSS Übungsaufgaben aus Moodle Kurs WEB
Aufgabensammlung Grundlagen HTML
100 Arbeitsblatt: Einführung in HTML
102 Arbeitsblatt: Hyperlinks in HTML
Aufgabe 1
Grundlagen HTML
Erstelle eine HTML-Seite mit einer Überschrift (h1) und einem Absatz (p).
Füge dem Absatz einen roten Hintergrund hinzu.
Gib der Überschrift eine Schriftgröße von 36 Pixeln und eine grüne Schriftfarbe.
Erstelle eine Tabelle mit zwei Spalten und mindestens zwei Zeilen.
Gestalte die Tabelle mit Bootstrap-Klassen.
Erstelle ein <div>-Element mit einer Umrandung von 2 Pixeln und einer roten Farbe.
Erstelle ein weiteres <div>-Element mit einem doppelten Rahmen von 3 Pixeln und einer blauen Farbe.
Aufgabe 2
Grundlagen HTML
Erstelle eine HTML-Seite mit einer Überschrift (h1) und einem Absatz (p).
Erstelle eine HTML-Seite mit einem fett gedruckten Text.
Erstelle eine HTML-Seite mit kursivem Text.
Erstelle eine HTML-Seite mit einer nummerierten Liste.
Erstelle eine HTML-Seite mit einer Aufzählungsliste.
Erstelle eine HTML-Seite mit einem Link zu einer externen Website.
Erstelle eine HTML-Seite mit einem Bild aus dem Internet.
Erstelle eine HTML-Seite mit einer Tabelle mit vier verschiedenen Spalten.
Erstelle eine HTML-Seite mit einem Formular und einem Texteingabefeld.
Aufgabe 3
Grundlagen HTML
Erstelle einen Hyperlink zu einer externen Webseite und benenne ihn "Besuche die Beispiel-Webseite".
Erstelle einen Hyperlink zu einer internen Seite mit dem Namen "about.html".
Erstelle einen Hyperlink zu einem Bild namens "bild.jpg".
Erstelle einen Hyperlink zu einer Seite im Unterordner "unterordner".
Erstelle einen Hyperlink zu einer Seite im übergeordneten Ordner.
Erstelle einen Mailto-Link, der eine E-Mail an "deine.email@example.com" sendet.
☰
HTML-Grundlagen
HTML/CSS Editor