←EasyCode logoEasyCodeLab
HomeModulesPlayground
📦

Tag Builder

Learn how HTML & CSS work from the ground up. Build tags, nest elements, and write your first styles.

Prerequisites:🌐Course Overview
1

Your First HTML Tag

Learn how tags open and close — like lids on a box.

2

Headings & Paragraphs

Learn the different heading sizes and how paragraphs work.

3

Nesting Tags

Put tags inside other tags — boxes inside boxes.

4

Tag Attributes

Add extra info to your tags with attributes.

5

Linking CSS to HTML

Connect a stylesheet to your HTML page.

6

Your First CSS Rule

Learn the anatomy of a CSS rule: selector + declaration block.

7

CSS Properties & Values

Explore common CSS properties: color, font-size, background, and more.

8

CSS Selectors

Target specific elements with element, class, and ID selectors.

9

Combining HTML & CSS

Write both HTML and CSS together to build styled pages.

10

HTML Tables

Organize data into rows and columns — like a spreadsheet built right into your webpage.

11

HTML Forms

Collect user input with form elements: text fields, buttons, dropdowns, and more.

12

Semantic HTML vs. Div Soup

Discover why meaningful HTML tags matter more than wrapping everything in <div>.

13

Build a Profile Page

Combine everything you've learned — tags, nesting, attributes, and CSS — to build a complete personal profile page from scratch.

14

Codelab: Your First Webpage

Step-by-step guide to creating a real HTML & CSS webpage on your own computer.