Basis HTML und CSS 1 – Übung 1

Basisausbildung, HTML & CSS 1, Übungen

Erstelle zwei Seiten die miteinander verlinkt sind.
Wähle das Thema selbst.

Versuche zwei Article-Bereiche in einem main nebeneinander darzustellen.
Binde Bilder ein und achte darauf, dass du keinen horizontalen Scrollbalken erhältst (dh sie sollen responsive sein)
Kopier dir Text von Wikipedia raus oder generier dir einen lustigen Text unter: Blindtext Generator Webdesigner

Vergiss nicht auf die Navigation und den Footer

folgende HTML Tags haben wir kennen gelernt

  • header
  • nav
  • ul
  • li
  • h1
  • main
  • article
  • h2
  • p
  • img
  • footer

 

Zusätzliche Stylings

  • border-radius
  • border = braucht drei Angaben, Breite, Aussehen und Farbe
  • box-shadow = braucht drei px Angaben und Farbe

folgende CSS Anweisungen haben wir gesehen

  • margin für den Außenabstand
  • font-size = Schriftgröße
  • font-family = Schriftfamilie
  • line-height = Zeilenhöhe
  • background-color = Hintergrundfarbe
  • list-style = Listen Styling
  • padding = Innenabstand
  • display: flex und display: block (Erklärung hierzu folgt noch)
  • color = Schriftfarbe
  • text-decoration
  • text-align = Ausrichtung von Text
  • @media screen and (max-width: 720px) {} = Breakpoint
  • width = Breite eines Elements
  • max-width = maximale Breite eines Elements