Lecture HTML & CSS Basics - StanislauZubovich/UXMiniLab GitHub Wiki

###Trainer: Darya Sabinina & Siarhei Shaliapin

###Slides

###Content

  1. Intro
  • What is html/css
  • Short history
  • Browser wars (briefly)
  1. HTML
  • Tag (tag structure)
  • Document Structure
  • Doctype (different styles)
  • Структура html
  • CSS applying
  • JS applying
  • Tags classification by purpose
  • html5 tags
  • Tags classification by block / inline
  • Mandatory attributes
  • data-attributes
  • Normal flow
  • Elements sequence with normal flow
  • Validation
  • What tests does HTML code pass through
  • Is it good ideas to use validation
  1. CSS
  • Syntax
  • Selectors
  • single
  • multiple
  • examples
    • tag-name
    • #id-name
    • .class-name
    • elem elem
    • elem > elem
    • elem + elem
    • elem ~ elem
    • elem[attr], elem[attr=’value’], elem[attr^=’value’], elem[attr$=’value’]
    • elem[data-name=’value’]