General Assembly Logo

HTML and CSS

Objectives

By the end of this, developers should be able to:

  • Identify and use HTML tags, elements, and attributes
  • Select HTML elements with CSS selectors
  • Style HTML elements with CSS properties
  • Build a static web page

slides/0008.jpg slides/0009.jpg slides/0008.jpg slides/008.jpg slides/008.jpg slides/008.jpg slides/008.jpg slides/008.jpg slides/008.jpg slides/008.jpg slides/008.jpg slides/008.jpg slides/008.jpg slides/008.jpg slides/008.jpg slides/008.jpg slides/008.jpg slides/008.jpg slides/008.jpg slides/008.jpg slides/008.jpg slides/008.jpg slides/008.jpg slides/008.jpg

slides/008.jpg

CSS Example

http://csszengarden.com/

slides/008.jpg slides/008.jpg slides/008.jpg slides/008.jpg slides/008.jpg slides/008.jpg slides/008.jpg slides/008.jpg slides/008.jpg slides/008.jpg slides/008.jpg slides/008.jpg slides/008.jpg slides/008.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg

/slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg /slides/Class2Slides_pages-to-jpg.jpg

CSS Selector Practice

https://flukeout.github.io/