Learn HTML basics and understand how to structure web content.

• What is HTML?
• HTML document structure
• HTML tags and elements
• Attributes and values
• DOCTYPE declaration
• Head and body sections
• HTML syntax rules
• Browser rendering

Master text formatting and semantic markup for content structure.

• Headings (h1-h6)
• Paragraphs and line breaks
• Text formatting tags
• Emphasis and strong
• Quotations and citations
• Lists (ordered, unordered)
• Definition lists
• Text semantic meaning

Create hyperlinks and build navigation systems for websites.

• Anchor tags and href
• Absolute vs relative URLs
• Link targets
• Email and phone links
• Internal page links
• Navigation menus
• Breadcrumb navigation
• Link accessibility

Embed images, videos, and multimedia content in web pages.

• Image elements
• Image attributes
• Image formats
• Responsive images
• Figure and figcaption
• Video elements
• Audio elements
• Media accessibility

Create and style data tables for presenting structured information.

• Table structure
• Table headers
• Table rows and cells
• Table captions
• Spanning cells
• Table sections
• Table accessibility
• Data table best practices

Build interactive forms for user input and data collection.

• Form elements
• Input types
• Form attributes
• Labels and fieldsets
• Form validation
• Textarea and select
• Buttons and submission
• Form accessibility

Learn CSS basics and understand how to style web content.

• What is CSS?
• CSS syntax
• Selectors and declarations
• Including CSS
• CSS comments
• Cascade and specificity
• Inheritance
• CSS debugging

Master CSS selectors to target and style specific elements.

• Element selectors
• Class and ID selectors
• Attribute selectors
• Pseudo-classes
• Pseudo-elements
• Combinators
• Selector specificity
• Advanced selectors

Understand the CSS box model and control element spacing.

• Box model concept
• Content, padding, border
• Margin and spacing
• Box-sizing property
• Block vs inline
• Display property
• Overflow handling
• Box model debugging

Learn fundamental layout techniques and positioning methods.

• Normal document flow
• Position property
• Static, relative, absolute
• Fixed and sticky
• Z-index and stacking
• Float and clear
• Layout strategies
• Common layout patterns

Style text and apply colors to create visually appealing designs.

• Color values and formats
• Color theory basics
• Background colors
• Font properties
• Web fonts
• Text styling
• Line height and spacing
• Typography best practices

Create websites that work well on all device sizes.

• Responsive design principles
• Viewport meta tag
• Media queries
• Flexible layouts
• Responsive images
• Mobile-first approach
• Breakpoints
• Testing responsiveness