Zurück zu Kurs
HTML5 & CSS3 Kurs
0% abgeschlossen
0/0 Schritte
-
EinleitungHerzlich willkommen!
-
Projektvorschau
-
Code-EditorWas ist ein Code-Editor?
-
Visual Studio Code
-
HTML- & CSS-Grundlgen – KommentierenHTML- & CSS-Kommentare
-
HTML-Grundlagen – EinstiegHTML-Elemente1 Test
-
HTML-Attribute
-
HTML-Grundgerüst (Index.html)
-
HTML-Grundlagen – TextÜberschriften (H1 – H6)
-
Text und Formatierung
-
Textauszeichnung und Textdekoration
-
Quotations (Zitate)
-
HTML-Grundlagen – LinksLinks und Buttons
-
HTML-Grundlagen – MedienQuellen und Dateipfade
-
Bilder
-
Audiodateien
-
Videos
-
Iframes
-
HTML-Grundlagen – FaviconFavicon
-
HTML-Grundlagen – Tabellen und ListenTabellen
-
Listen
-
HTML-Grundlagen – Klassen und IDsKlassen (Classes)
-
IDs
-
HTML-Grundlagen – JavaScriptJavaScript
-
HTML-Grundlagen – HeadHead (Title, Meta, Link usw.)
-
HTML-Grundlagen – LayoutSemantisches Layout
-
Header (Kopfzeile)
-
Navigation
-
Main
-
Sektionen
-
Artikel
-
Aside
-
Footer (Fußzeile)
-
Details und Summary
-
Content Division Element (Zusatz)
-
HTML-Grundlagen – ResponsiveResponsive
-
HTML-Grundlagen – SemantikSemantik
-
CSS-Grundlagen – EinleitungCSS-Grundlagen
-
Inline-CSS
-
Internal-CSS
-
External-CSS
-
CSS-Grundlagen – Vererbung und SelektorenSelektoren
-
Vererbung
-
Child-Combinator (Kindselektoren)
-
Descendant-Combinator (Nachfolgerseleketoren)
-
General-Sibling-Combinator (Geschwisterselektoren)
-
CSS-Grundlagen – Float-LayoutFloat-Layout
-
CSS-Grundlagen – Flexbox-LayoutFlexbox-Layout
-
Flex-Container6 Themen
-
Flex-Items6 Themen
-
CSS-Grundlagen – Grid-LayoutGrid-Layout
-
Grid-Flex-Kombination
-
CSS-Grundlagen – !important (Präferieren)!important
-
CSS-Grundlagen – Units (Längeneinheiten)Absolute Längeneinheiten (CM, MM, IN, PX, PT, PC)
-
Relative Längeneinheiten (EM, REM, EX, CH, VH, VW, VMIN, VMAX, %)3 Themen
-
CSS-Grundlagen – Opacity (Deckkraft)Opacity
-
CSS-Grundlagen – Colors (Farben)Colors (HEX, RGB, HSL, RGBA, HSLA)
-
CSS-Grundlagen – Backgrounds (Hintegründe)Hintergrundfarben (Background-Color)
-
Hintergrundbild (Background-Image, Linar Gradient, Background-Size)
-
Hintergrundwiederholung und -position (Background-Repeat, Background-Position)
-
Backgrounds (Background-Attatchment, Shorthand)
-
CSS-Grundlagen – Borders (Rahmen)Breite und Stil (Border-Width, Border-Style)
-
Farben (Border-Color)
-
Seiten (Border-Top/-Bottom/-Left/-Right)
-
Radius (Border-Radius)
-
Borders (Shorthand)
-
CSS-Grundlagen – Margins (Außenabstände)Margins
-
CSS-Grundlagen – Padding (Innenabstände)Padding
-
CSS-Grundlagen – Height / Width (Höhe / Breite)Height / Width
-
CSS-Grundlagen – Outline (Umrandung)Outlines
-
Outlines vs. Borders
-
CSS-Grundlagen – Box-Shadow (Schlagschatten)Box-Shadow (Schlagschatten)
-
CSS-Grundlagen – Box-Model (Box-Modell)Box-Model
-
CSS-Grundlagen – Text (Schrift)Textfarben (Color)
-
Textausrichtung (Direction)
-
Schreibrichtung (Unicode-Bidi)
-
Textschatten (Text-Shadow)
-
Textabstände (Text-Spacing)
-
Texttransformation (Text-Transform)
-
Textanordnung (Text-Align, Text-Align-Last)
-
Textanordnung (Vertical-Align)
-
Textdekoration (Text-Decoration)4 Themen
-
CSS-Grundlagen – Fonts (Schriftarten)Fonts einbinden (Font-Face, Font-Family, Google Fonts)
-
Strichstärke und Schriftstil (Font-Weight, Font-Style)
-
Schriftgröße (Font-Size)
-
Schriftvarianten (Font-Variant)
-
Zeichensatzspanne (Unicode-Range)
-
Schriftarten (Shorthand)
-
CSS-Grundlagen – Icons (Symbole)Icons
-
CSS-Grundlagen – DisplayDisplay (Block, Inline, Inline-Block)
-
CSS-Grundlagen – Align (Anordnung)Align (vertikal, horizontal) I/II
-
Align (vertikal, horizontal) II/II
-
Clear / Clearfix
-
CSS-Grundlagen – OverflowOverflow
-
CSS-Grundlagen – PositionPosition (Static, Relative, Absolute, Fixed, Sticky)
-
CSS-Grundlagen - Z-IndexZ-Index
-
CSS-Grundlagen – Pseudo-Elemente und -KlassenPseudo-Elemente
-
Pseudo-Klassen
-
Praxis – Website-PlanungIdeensammlung
-
Layout skizzieren
-
Praxis – Website-ErstellungHead
-
Startseite9 Themen