HTML & CSS

1

Introduction to HTML

Learn the structure of web pages with HTML elements, tags, and attributes.

beginner

2

Text and Typography

Format text with headings, paragraphs, lists, and semantic elements.

beginner

3

Links and Images

Add hyperlinks, images, and multimedia to web pages.

beginner

4

Forms and Input Elements

Build interactive forms with various input types and validation.

beginner

5

Semantic HTML

Use semantic elements like header, nav, main, section, and footer.

beginner

6

Introduction to CSS

Style web pages with CSS selectors, properties, and the cascade.

intermediate

7

The Box Model

Understand padding, borders, margins, and how elements occupy space.

intermediate

8

CSS Layout - Flexbox

Create flexible layouts with CSS Flexbox for one-dimensional arrangement.

intermediate

9

CSS Grid

Build two-dimensional layouts with CSS Grid for complex page designs.

intermediate

10

Typography and Colors

Style text with fonts, colors, spacing, and web font integration.

intermediate

11

Responsive Design

Make websites adapt to all screen sizes with media queries and fluid layouts.

intermediate

12

CSS Animations

Add motion and transitions to elements with CSS animations and transforms.

intermediate

13

CSS Variables and Modern Features

Use custom properties, calc(), clamp(), and modern CSS features.

advanced

14

Accessibility

Make websites accessible to all users with ARIA, semantic HTML, and keyboard navigation.

advanced

15

Building a Responsive Website

Build a complete responsive website combining all HTML and CSS concepts.

advanced