Intro To Web Technology Curriculum - TheImpactory/girls_in_tech GitHub Wiki

HTML

  • Markup
  • HyperText Markup Language (HTML)
  • Example of HTML markup
  • Basic Elements
    • Tags and tag attributes
    • Images
    • Lists
    • Links and Anchors
  • Web page navigation
  • Static site navigation
  • Tables

CSS

  • What are Cascading Style Sheets and why should one use them?
  • Box layout: example 1, example 2
  • Syntax
    • examples rules
    • selectors (id, class, type, data?)
    • to what do the rules apply and why?
  • Applying styles to HTML
    • How to apply in-line (i.e. within a tag)
    • How to embed in static site (i.e. style tag)
    • How to include a css file (i.e. link tag)
  • Cascading
    • Multiple rules applying to different elements
    • How it priority determined
  • Rule Composition
    • Concatenation (separated by a period .)
    • Or (separated by comma ,)
    • Descendants (separated by a space )
    • Child of (separated by angle bracket >)
  • Pseudo Classes
  • Color
  • Units (%, p, pt etc.)