Beginner
Chapter 1: HTML Fundamentals
Introduction to HTML, document structure, basic tags, and how web pages are built.
- What is HTML?
- Document Structure
- Basic Tags
- Your First Web Page
Start Chapter
Beginner
Chapter 2: HTML Tags & Elements
Comprehensive guide to HTML tags, attributes, and how elements work together.
- Tag Syntax
- Common Attributes
- Nested Elements
- Empty Tags
Start Chapter
Beginner
Chapter 3: Text & Formatting
Working with text content, paragraphs, headings, and text formatting options.
- Headings
- Paragraphs
- Text Emphasis
- Special Characters
Start Chapter
Beginner
Chapter 4: Links & Navigation
Creating hyperlinks, internal navigation, and understanding the anchor tag.
- Hyperlinks Basics
- Internal Links
- External Links
- Navigation Menus
Start Chapter
Beginner
Chapter 5: Lists
Understanding unordered lists, ordered lists, definition lists, and nested lists.
- Unordered Lists
- Ordered Lists
- Definition Lists
- Nested Lists
Start Chapter
Beginner
Chapter 6: Images & Multimedia
Embedding images, videos, audio, and working with responsive media.
- Image Tag
- Image Formats
- Video & Audio
- Responsive Images
Start Chapter
Intermediate
Chapter 7: Tables
Creating and styling tables with rows, columns, headers, and footers.
- Table Structure
- Rows & Columns
- Headers & Footers
- Table Styling
Start Chapter
Intermediate
Chapter 8: Forms Basics
Creating forms with input fields, labels, and basic form structure.
- Form Element
- Input Types
- Labels & Names
- Form Layout
Start Chapter
Intermediate
Chapter 9: Form Controls
Advanced form elements including selects, checkboxes, and radio buttons.
- Select Dropdown
- Checkboxes
- Radio Buttons
- Text Areas
Start Chapter
Intermediate
Chapter 10: Form Validation
HTML5 validation, required fields, patterns, and error messages.
- HTML5 Validation
- Required Attributes
- Pattern Matching
- Error Messages
Start Chapter
Intermediate
Chapter 11: Semantic HTML
Using semantic elements for better structure and accessibility.
- Semantic Elements
- Document Outline
- Article & Section
- Nav & Footer
Start Chapter
Intermediate
Chapter 12: HTML5 Features
Modern HTML5 features including canvas, SVG, and new input types.
- Canvas Element
- SVG Graphics
- Data Attributes
- New Input Types
Start Chapter
Advanced
Chapter 13: Metadata & SEO
Meta tags, Open Graph, structured data for better search visibility.
- Meta Tags
- Open Graph
- Structured Data
- Robots & Sitemap
Start Chapter
Advanced
Chapter 14: Accessibility (WCAG)
Creating accessible websites for all users following WCAG guidelines.
- ARIA Attributes
- Screen Readers
- Keyboard Navigation
- Color Contrast
Start Chapter
Advanced
Chapter 15: Web Components
Creating reusable custom HTML elements and shadow DOM.
- Custom Elements
- Shadow DOM
- HTML Templates
- Slots
Start Chapter
Intermediate
Chapter 16: HTML & CSS Integration
Linking CSS, inline styles, and organizing stylesheets.
- Link Tag
- Inline Styles
- Style Tag
- CSS Preprocessors
Start Chapter
Intermediate
Chapter 17: HTML & JavaScript
Embedding JavaScript, event handlers, and interactive HTML.
- Script Tags
- Event Attributes
- Data Attributes
- Script Placement
Start Chapter
Intermediate
Chapter 18: Responsive HTML
Creating responsive layouts with viewport meta tags and flexible design.
- Viewport Meta Tag
- Flexible Layouts
- Media Queries
- Mobile First
Start Chapter
Intermediate
Chapter 19: Embedding & Iframes
Embedding content, maps, and using iframes for content integration.
- Iframe Element
- Embed & Object
- Maps & API
- Security
Start Chapter
Advanced
Chapter 20: Progressive Enhancement
Building resilient websites that work for everyone.
- Graceful Degradation
- Feature Detection
- Fallbacks
- Performance
Start Chapter
Advanced
Chapter 21: Performance Optimization
Optimizing HTML for faster page loads and better performance.
- Lazy Loading
- Resource Hints
- Image Optimization
- Critical CSS
Start Chapter
Advanced
Chapter 22: Security in HTML
Protecting forms, validating input, and preventing common attacks.
- XSS Prevention
- CSRF Tokens
- Input Sanitization
- HTTPS
Start Chapter
Advanced
Chapter 23: Working with APIs
Using forms to interact with APIs, data submission, and integration.
- Form Submission
- API Integration
- Data Formats
- Error Handling
Start Chapter
Intermediate
Chapter 24: Email & Contact Forms
Creating contact forms and handling email submissions.
- Contact Form Design
- Mailto Links
- Form Submission
- Best Practices
Start Chapter
Advanced
Chapter 25: HTML Templates & Frameworks
Using HTML templates, frameworks, and pre-built components.
- HTML Templates
- Bootstrap
- Tailwind CSS
- Template Engines
Start Chapter
Advanced
Chapter 26: Static Site Generation
Building static websites with generators and build tools.
- HTML Generators
- Build Tools
- Automation
- Deployment
Start Chapter
Advanced
Chapter 27: HTML Best Practices
Professional coding standards, naming conventions, and organization.
- Code Style
- Documentation
- Version Control
- Collaboration
Start Chapter
Advanced
Chapter 28: Real Project: Landing Page
Building a complete landing page from scratch with all learned concepts.
- Project Planning
- Building Sections
- CTA Buttons
- Testing
Start Chapter
Advanced
Chapter 29: Real Project: Blog Platform
Creating a complete blog platform with listing, posts, and archives.
- Blog Structure
- Post Templates
- Navigation
- Archives
Start Chapter
Advanced
Chapter 30: Real Project: E-commerce
Building a complete e-commerce site with products and cart functionality.
- Product Listing
- Shopping Cart
- Checkout Form
- Order Tracking
Start Chapter