Zurück zu Kurs

HTML5 & CSS3 Kurs

0% abgeschlossen
0/0 Schritte
  1. Einleitung
    Herzlich willkommen!
  2. Projektvorschau
  3. Code-Editor
    Was ist ein Code-Editor?
  4. Visual Studio Code
  5. HTML- & CSS-Grundlgen – Kommentieren
    HTML- & CSS-Kommentare
  6. HTML-Grundlagen – Einstieg
    HTML-Elemente
    1 Test
  7. HTML-Attribute
  8. HTML-Grundgerüst (Index.html)
  9. HTML-Grundlagen – Text
    Überschriften (H1 – H6)
  10. Text und Formatierung
  11. Textauszeichnung und Textdekoration
  12. Quotations (Zitate)
  13. HTML-Grundlagen – Links
    Links und Buttons
  14. HTML-Grundlagen – Medien
    Quellen und Dateipfade
  15. Bilder
  16. Audiodateien
  17. Videos
  18. Iframes
  19. HTML-Grundlagen – Favicon
    Favicon
  20. HTML-Grundlagen – Tabellen und Listen
    Tabellen
  21. Listen
  22. HTML-Grundlagen – Klassen und IDs
    Klassen (Classes)
  23. IDs
  24. HTML-Grundlagen – JavaScript
    JavaScript
  25. HTML-Grundlagen – Head
    Head (Title, Meta, Link usw.)
  26. HTML-Grundlagen – Layout
    Semantisches Layout
  27. Header (Kopfzeile)
  28. Navigation
  29. Main
  30. Sektionen
  31. Artikel
  32. Aside
  33. Footer (Fußzeile)
  34. Details und Summary
  35. Content Division Element (Zusatz)
  36. HTML-Grundlagen – Responsive
    Responsive
  37. HTML-Grundlagen – Semantik
    Semantik
  38. CSS-Grundlagen – Einleitung
    CSS-Grundlagen
  39. Inline-CSS
  40. Internal-CSS
  41. External-CSS
  42. CSS-Grundlagen – Vererbung und Selektoren
    Selektoren
  43. Vererbung
  44. Child-Combinator (Kindselektoren)
  45. Descendant-Combinator (Nachfolgerseleketoren)
  46. General-Sibling-Combinator (Geschwisterselektoren)
  47. CSS-Grundlagen – Float-Layout
    Float-Layout
  48. CSS-Grundlagen – Flexbox-Layout
    Flexbox-Layout
  49. Flex-Container
    6 Themen
  50. Flex-Items
    6 Themen
  51. CSS-Grundlagen – Grid-Layout
    Grid-Layout
  52. Grid-Flex-Kombination
  53. CSS-Grundlagen – !important (Präferieren)
    !important
  54. CSS-Grundlagen – Units (Längeneinheiten)
    Absolute Längeneinheiten (CM, MM, IN, PX, PT, PC)
  55. Relative Längeneinheiten (EM, REM, EX, CH, VH, VW, VMIN, VMAX, %)
    3 Themen
  56. CSS-Grundlagen – Opacity (Deckkraft)
    Opacity
  57. CSS-Grundlagen – Colors (Farben)
    Colors (HEX, RGB, HSL, RGBA, HSLA)
  58. CSS-Grundlagen – Backgrounds (Hintegründe)
    Hintergrundfarben (Background-Color)
  59. Hintergrundbild (Background-Image, Linar Gradient, Background-Size)
  60. Hintergrundwiederholung und -position (Background-Repeat, Background-Position)
  61. Backgrounds (Background-Attatchment, Shorthand)
  62. CSS-Grundlagen – Borders (Rahmen)
    Breite und Stil (Border-Width, Border-Style)
  63. Farben (Border-Color)
  64. Seiten (Border-Top/-Bottom/-Left/-Right)
  65. Radius (Border-Radius)
  66. Borders (Shorthand)
  67. CSS-Grundlagen – Margins (Außenabstände)
    Margins
  68. CSS-Grundlagen – Padding (Innenabstände)
    Padding
  69. CSS-Grundlagen – Height / Width (Höhe / Breite)
    Height / Width
  70. CSS-Grundlagen – Outline (Umrandung)
    Outlines
  71. Outlines vs. Borders
  72. CSS-Grundlagen – Box-Shadow (Schlagschatten)
    Box-Shadow (Schlagschatten)
  73. CSS-Grundlagen – Box-Model (Box-Modell)
    Box-Model
  74. CSS-Grundlagen – Text (Schrift)
    Textfarben (Color)
  75. Textausrichtung (Direction)
  76. Schreibrichtung (Unicode-Bidi)
  77. Textschatten (Text-Shadow)
  78. Textabstände (Text-Spacing)
  79. Texttransformation (Text-Transform)
  80. Textanordnung (Text-Align, Text-Align-Last)
  81. Textanordnung (Vertical-Align)
  82. Textdekoration (Text-Decoration)
    4 Themen
  83. CSS-Grundlagen – Fonts (Schriftarten)
    Fonts einbinden (Font-Face, Font-Family, Google Fonts)
  84. Strichstärke und Schriftstil (Font-Weight, Font-Style)
  85. Schriftgröße (Font-Size)
  86. Schriftvarianten (Font-Variant)
  87. Zeichensatzspanne (Unicode-Range)
  88. Schriftarten (Shorthand)
  89. CSS-Grundlagen – Icons (Symbole)
    Icons
  90. CSS-Grundlagen – Display
    Display (Block, Inline, Inline-Block)
  91. CSS-Grundlagen – Align (Anordnung)
    Align (vertikal, horizontal) I/II
  92. Align (vertikal, horizontal) II/II
  93. Clear / Clearfix
  94. CSS-Grundlagen – Overflow
    Overflow
  95. CSS-Grundlagen – Position
    Position (Static, Relative, Absolute, Fixed, Sticky)
  96. CSS-Grundlagen - Z-Index
    Z-Index
  97. CSS-Grundlagen – Pseudo-Elemente und -Klassen
    Pseudo-Elemente
  98. Pseudo-Klassen
  99. Praxis – Website-Planung
    Ideensammlung
  100. Layout skizzieren
  101. Praxis – Website-Erstellung
    Head
  102. Startseite
    9 Themen
Lektion 2 von 102
In Bearbeitung

Projektvorschau