html.md

HTML & CSS

1. Chrome Inspector
2. Exercise: Pick your favorite web site, and remix it through the Inspector
   • Do not refresh
   • Save a screenshot
3. HTML
   • Box model
   • Boilerplate
     • Show in JS Bin
   • Common elements
     • <div>
     • <span>
     • <ul>
     • Heading elements (<h1>, <h2>, etc.)
     • <a>
     • <img>
4. Exercise: Create a simplified version of your resume
5. CSS
   • Terminology
   • HTML attributes (e.g. class)
   • "Cascading"
6. Exercise: Give your resume some 💥 ✨ style 🌟 🎉
7. Local development (HTML + CSS files)
8. Exercise: Fork, commit, and view the instructional Page
9. Paths
   • Relative
   • Absolute

Resources

• Codecademy
• Code School's Discover DevTools, chapters 1-2
• Dash from General Assembly
• Mozilla Developer Network (MDN)
  • HTML
    • guide
    • reference
  • CSS
    • guide
    • reference

Tools

• HTML validator
• Sandboxes