Chapter Checklists
Use these checklists to track your progress through each chapter and ensure you've mastered all key concepts.
💡 How to Use
Print out each checklist as you progress through the course. Check off each item as you complete it. Review the checklist before moving to the next chapter to ensure you understand all concepts.
📚 Beginner Chapters (1-6)
Master the fundamentals of HTML with these foundational chapters.
Chapter 1: HTML Fundamentals
- ☐ Understand what HTML is and its purpose
- ☐ Know the basic HTML document structure
- ☐ Master doctype declaration
- ☐ Understand head and body tags
- ☐ Learn meta tags and their importance
- ☐ Create your first HTML page
- ☐ Understand DOM structure
Chapter 2: HTML Tags & Elements
- ☐ Understand tag syntax and structure
- ☐ Learn about attributes and their usage
- ☐ Understand tag nesting and hierarchy
- ☐ Know empty/self-closing tags
- ☐ Master common attributes (class, id, style)
- ☐ Understand deprecated tags
- ☐ Practice creating valid HTML
Chapter 3: Text & Formatting
- ☐ Master h1-h6 heading tags
- ☐ Use paragraphs correctly
- ☐ Understand text emphasis (strong, em)
- ☐ Use bold and italic properly
- ☐ Handle line breaks and horizontal rules
- ☐ Work with special characters and entities
- ☐ Use mark and small tags
Chapter 4: Links & Navigation
- ☐ Understand anchor tag syntax
- ☐ Create internal links with href
- ☐ Create external links properly
- ☐ Use target attribute (blank, self, etc)
- ☐ Create anchor links to page sections
- ☐ Build navigation menus
- ☐ Understand link semantics
Chapter 5: Lists
- ☐ Create unordered lists (ul)
- ☐ Create ordered lists (ol)
- ☐ Understand list items (li)
- ☐ Create definition lists (dl)
- ☐ Use description terms (dt)
- ☐ Use descriptions (dd)
- ☐ Nest lists properly
Chapter 6: Images & Multimedia
- ☐ Use img tag correctly
- ☐ Understand src and alt attributes
- ☐ Work with image formats (JPG, PNG, GIF, WebP)
- ☐ Optimize images for web
- ☐ Embed video with video tag
- ☐ Embed audio with audio tag
- ☐ Use responsive images with srcset
📖 Intermediate Chapters (7-20)
Build on your foundation with intermediate HTML concepts and applications.
Chapter 7: Tables
- ☐ Create table structure (table, tr, td)
- ☐ Use table headers (th)
- ☐ Create table head, body, foot
- ☐ Use colspan and rowspan
- ☐ Use caption tag
- ☐ Style tables effectively
- ☐ Understand table accessibility
Chapter 8: Forms Basics
- ☐ Create form tag
- ☐ Understand form attributes (action, method)
- ☐ Create input fields
- ☐ Use input types (text, password, email)
- ☐ Use labels correctly
- ☐ Create submit and reset buttons
- ☐ Understand form structure
Chapter 9: Form Controls
- ☐ Create select dropdowns
- ☐ Use option and optgroup
- ☐ Create checkboxes
- ☐ Create radio buttons
- ☐ Use textarea tag
- ☐ Create fieldsets and legends
- ☐ Understand form grouping
Chapter 10: Form Validation
- ☐ Use required attribute
- ☐ Use type validation (email, number, etc)
- ☐ Use pattern attribute with regex
- ☐ Set min and max attributes
- ☐ Use minlength and maxlength
- ☐ Display validation messages
- ☐ Understand HTML5 validation API
Chapter 11: Semantic HTML
- ☐ Understand semantic elements
- ☐ Use header tag
- ☐ Use nav tag
- ☐ Use main tag
- ☐ Use article tag
- ☐ Use section tag
- ☐ Use footer tag
Chapter 12: HTML5 Features
- ☐ Use canvas element
- ☐ Understand SVG graphics
- ☐ Use data attributes
- ☐ Use new input types
- ☐ Use progress and meter tags
- ☐ Use time and date inputs
- ☐ Understand Web Storage
Chapter 13: Metadata & SEO
- ☐ Use meta description
- ☐ Use meta keywords
- ☐ Implement Open Graph tags
- ☐ Add structured data
- ☐ Create sitemap
- ☐ Use robots meta tag
- ☐ Understand SEO best practices
Chapter 14: Accessibility (WCAG)
- ☐ Use ARIA attributes
- ☐ Understand ARIA roles
- ☐ Support keyboard navigation
- ☐ Use proper color contrast
- ☐ Write descriptive alt text
- ☐ Use ARIA labels
- ☐ Test with screen readers
Chapter 15: Web Components
- ☐ Create custom elements
- ☐ Use Shadow DOM
- ☐ Use template tag
- ☐ Implement slots
- ☐ Understand element lifecycle
- ☐ Create reusable components
- ☐ Use custom properties
Chapter 16: HTML & CSS Integration
- ☐ Link external stylesheets
- ☐ Use style tag
- ☐ Use inline styles
- ☐ Understand CSS specificity
- ☐ Use preprocessors (SASS, Less)
- ☐ Organize CSS files
- ☐ Best practices for styling
Chapter 17: HTML & JavaScript
- ☐ Use script tag
- ☐ Understand script placement
- ☐ Use event attributes
- ☐ Handle DOM events
- ☐ Use data attributes
- ☐ Load scripts async/defer
- ☐ Understand DOM manipulation
Chapter 18: Responsive HTML
- ☐ Use viewport meta tag
- ☐ Create flexible layouts
- ☐ Use mobile-first approach
- ☐ Understand media queries
- ☐ Use responsive images
- ☐ Test on devices
- ☐ Use flexbox and grid
Chapter 19: Embedding & Iframes
- ☐ Use iframe tag
- ☐ Embed external content
- ☐ Use embed tag
- ☐ Use object tag
- ☐ Embed maps
- ☐ Understand security risks
- ☐ Set sandbox attributes
Chapter 20: Progressive Enhancement
- ☐ Understand graceful degradation
- ☐ Test without JavaScript
- ☐ Implement fallbacks
- ☐ Use progressive enhancement
- ☐ Optimize performance
- ☐ Test across browsers
- ☐ Ensure functionality
🚀 Advanced Chapters (21-30)
Master advanced topics and build complete real-world projects.
Chapter 21: Performance Optimization
- ☐ Implement lazy loading
- ☐ Use preload and prefetch
- ☐ Optimize images
- ☐ Minimize HTML size
- ☐ Use critical CSS
- ☐ Defer JavaScript
- ☐ Measure performance
Chapter 22: Security in HTML
- ☐ Prevent XSS attacks
- ☐ Implement CSRF tokens
- ☐ Sanitize user input
- ☐ Use HTTPS
- ☐ Set Content Security Policy
- ☐ Validate on server
- ☐ Secure forms
Chapter 23: Working with APIs
- ☐ Submit forms to APIs
- ☐ Handle JSON responses
- ☐ Use FormData
- ☐ Handle errors
- ☐ Implement retries
- ☐ Rate limiting
- ☐ Authentication
Chapter 24: Email & Contact Forms
- ☐ Design contact forms
- ☐ Use mailto links
- ☐ Handle submissions
- ☐ Validate input
- ☐ Send confirmations
- ☐ Track submissions
- ☐ Best practices
Chapter 25: HTML Templates & Frameworks
- ☐ Use HTML template tag
- ☐ Understand Bootstrap
- ☐ Learn Tailwind CSS
- ☐ Use template engines
- ☐ Build components
- ☐ Reuse templates
- ☐ Customize frameworks
Chapter 26: Static Site Generation
- ☐ Use HTML generators
- ☐ Configure build tools
- ☐ Automate processes
- ☐ Deploy static sites
- ☐ Optimize builds
- ☐ Version control
- ☐ CI/CD integration
Chapter 27: HTML Best Practices
- ☐ Follow code style guide
- ☐ Document code properly
- ☐ Use version control
- ☐ Collaborate effectively
- ☐ Code review
- ☐ Test thoroughly
- ☐ Maintain standards
Chapter 28: Real Project: Landing Page
- ☐ Plan the project
- ☐ Create hero section
- ☐ Add call-to-action
- ☐ Build feature sections
- ☐ Add testimonials
- ☐ Optimize performance
- ☐ Deploy to production
Chapter 29: Real Project: Blog Platform
- ☐ Design blog structure
- ☐ Create post template
- ☐ Build archive pages
- ☐ Add search functionality
- ☐ Implement categories
- ☐ Add comments section
- ☐ Optimize for SEO
Chapter 30: Real Project: E-commerce
- ☐ Design product listing
- ☐ Create product details
- ☐ Build shopping cart
- ☐ Create checkout form
- ☐ Add payment form
- ☐ Track orders
- ☐ Ensure security
💡 Tips for Success
- Print all checklists at the beginning of the course
- Check off items as you complete each lesson
- Review incomplete items before moving forward
- Use checklists as study guides for reviews
- Share checklists with study groups
- Create your own custom checkpoints