Practice HTML Labs

Languages

🇨🇳 简体中文 🇯🇵 日本語 🇪🇸 Español 🇫🇷 Français 🇩🇪 Deutsch 🇷🇺 Русский 🇰🇷 한국어 🇧🇷 Português 🇺🇸 English

Learn HTML, the cornerstone of web development, with this comprehensive learning path. Designed for beginners, this roadmap provides a structured approach to mastering HTML. The interactive HTML courses cover document structure, tags, and semantic markup. Gain real-world experience by completing hands-on, non-video exercises in a dynamic HTML playground to create well-structured web pages.

Browse up to 93 hands-on HTML labs from LabEx. Each lab opens in an interactive environment so you can practice by doing.

Index	Name	Skills	Difficulty	Practice
01	Create Paragraphs with HTML p Tag	Text Semantics	Beginner	Start Lab
02	Apply Basic CSS Selectors in Web Development	Selectors	Beginner	Start Lab
03	Apply Descendant Selectors in CSS	Selectors	Beginner	Start Lab
04	Apply Margin Styles in CSS	Spacing	Beginner	Start Lab
05	Apply Relative Positioning in CSS	Positioning	Beginner	Start Lab
06	Create and Style div Elements in HTML	Element Model	Beginner	Start Lab
07	Create Basic HTML Structure and Tags	Document Structure	Beginner	Start Lab
08	Create Fixed Positioning Layout in CSS	Positioning	Beginner	Start Lab
09	Create HTML Form Elements with Input Types	Form Controls	Beginner	Start Lab
10	Create HTML Lists with Different Styles	Lists	Beginner	Start Lab
11	Create HTML Tables with Basic Attributes	Tables	Beginner	Start Lab
12	Create Hyperlinks and Navigation with HTML a Tags	Links	Beginner	Start Lab
13	Create Inline Text Styling with span Tags in HTML	Text Semantics	Beginner	Start Lab
14	Apply Background Styles in CSS	Backgrounds	Beginner	Start Lab
15	Create Rounded Corners with CSS Border-Radius	Borders and Outlines	Beginner	Start Lab
16	Create Your First HTML Page in WebIDE	Document Structure	Beginner	Start Lab
17	Create Your First HTML Page with Image	Images	Beginner	Start Lab
18	Define and Use Variables in JavaScript	Variables and Scope	Beginner	Start Lab
19	Embed and Customize Video in HTML	Audio and Video	Beginner	Start Lab
20	Explore Assignment Operators in JavaScript	Expressions and Operators	Beginner	Start Lab
21	Explore Browser Object Model (BOM) Methods in JavaScript	Browser Navigation	Beginner	Start Lab
22	Explore Comparison Operators in JavaScript	Expressions and Operators	Beginner	Start Lab
23	Explore Display Properties in CSS	Display Modes	Beginner	Start Lab
24	Explore DOM Properties in JavaScript	DOM Tree	Beginner	Start Lab
25	Explore Flex Direction in CSS Flexbox	Flexbox	Beginner	Start Lab
26	JavaScript Introduction and Embedding	Runtime Model	Beginner	Start Lab
27	Build a Tic-Tac-Toe Web App	DOM Manipulation	Beginner	Start Lab
28	Your First JavaScript Lab	Document Structure	Beginner	Start Lab
29	3D Rotating Cube	Positioning	Beginner	Start Lab
30	Basic JavaScript and DOM	Events	Beginner	Start Lab
31	Enhancing Personal Finance Tracker	Events	Beginner	Start Lab
32	Deploying MobileNet with TensorFlow.js and Flask	DOM Manipulation	Beginner	Start Lab
33	Fixing Website Display Issues	Document Structure	Beginner	Start Lab
34	Build a Web Based TCP Port Scanner	Functions	Beginner	Start Lab
35	Time with Your Phone	Document Structure	Beginner	Start Lab
36	jQuery Flip Puzzle Game	DOM Manipulation	Beginner	Start Lab
37	Develop Markdown Editor with Live Preview	DOM Manipulation	Beginner	Start Lab
38	Build URL Shortener with Flask MySQL	Form Structure	Beginner	Start Lab
39	Build a Sliding Puzzle Game with JavaScript	DOM Manipulation	Beginner	Start Lab
40	Your First CSS Lab	Document Structure	Beginner	Start Lab
41	Build an Image Cropping Tool Using HTML5	DOM Manipulation	Beginner	Start Lab
42	Building a Modern Expense Splitter Web App	DOM Manipulation	Beginner	Start Lab
43	Building a Web Avoiding Block Game	DOM Manipulation	Beginner	Start Lab
44	Create a Swiper Carousel Web App	Display Modes	Beginner	Start Lab
45	Creating a Drawing Board Web App	Events	Beginner	Start Lab
46	Creating a Task Timer Web App	DOM Manipulation	Beginner	Start Lab
47	Creating a Whack-a-Mole Web Game	DOM Manipulation	Beginner	Start Lab
48	Don't Step on the White Tile	DOM Manipulation	Beginner	Start Lab
49	Implement a Magnifying Glass Effect Using Canvas	DOM Manipulation	Beginner	Start Lab
50	Monty Hall Simulation Web App	DOM Manipulation	Beginner	Start Lab
51	Creating a Whack-a-Mole Web Game	DOM Manipulation	Beginner	Start Lab
52	Creating a Task Timer Web App	DOM Manipulation	Beginner	Start Lab
53	Creating a Drawing Board Web App	Events	Beginner	Start Lab
54	Create a Swiper Carousel Web App	Display Modes	Beginner	Start Lab
55	Building a Web Avoiding Block Game	DOM Manipulation	Beginner	Start Lab
56	Building a Modern Expense Splitter Web App	DOM Manipulation	Beginner	Start Lab
57	Build an Image Cropping Tool Using HTML5	DOM Manipulation	Beginner	Start Lab
58	Build a Tic-Tac-Toe Web App	DOM Manipulation	Beginner	Start Lab
59	Build a Sliding Puzzle Game with JavaScript	DOM Manipulation	Beginner	Start Lab
60	Monty Hall Simulation Web App	DOM Manipulation	Beginner	Start Lab
61	Develop Markdown Editor with Live Preview	DOM Manipulation	Beginner	Start Lab
62	jQuery Flip Puzzle Game	DOM Manipulation	Beginner	Start Lab
63	Time with Your Phone	Document Structure	Beginner	Start Lab
64	Build a Web Based TCP Port Scanner	Functions	Beginner	Start Lab
65	Fixing Website Display Issues	Document Structure	Beginner	Start Lab
66	Deploying MobileNet with TensorFlow.js and Flask	DOM Manipulation	Beginner	Start Lab
67	Enhancing Personal Finance Tracker	Events	Beginner	Start Lab
68	Basic JavaScript and DOM	Events	Beginner	Start Lab
69	3D Rotating Cube	Positioning	Beginner	Start Lab
70	Your First JavaScript Lab	Document Structure	Beginner	Start Lab
71	Create HTML Lists with Different Styles	Lists	Beginner	Start Lab
72	Explore Browser Object Model (BOM) Methods in JavaScript	Browser Navigation	Beginner	Start Lab
73	Explore Assignment Operators in JavaScript	Expressions and Operators	Beginner	Start Lab
74	Embed and Customize Video in HTML	Audio and Video	Beginner	Start Lab
75	Define and Use Variables in JavaScript	Variables and Scope	Beginner	Start Lab
76	Create Your First HTML Page with Image	Images	Beginner	Start Lab
77	Create Your First HTML Page in WebIDE	Document Structure	Beginner	Start Lab
78	Create Rounded Corners with CSS Border-Radius	Borders and Outlines	Beginner	Start Lab
79	Create Paragraphs with HTML p Tag	Text Semantics	Beginner	Start Lab
80	Create Inline Text Styling with span Tags in HTML	Text Semantics	Beginner	Start Lab
81	Create Hyperlinks and Navigation with HTML a Tags	Links	Beginner	Start Lab
82	Create HTML Tables with Basic Attributes	Tables	Beginner	Start Lab
83	Your First CSS Lab	Document Structure	Beginner	Start Lab
84	Create HTML Form Elements with Input Types	Form Controls	Beginner	Start Lab
85	Create Fixed Positioning Layout in CSS	Positioning	Beginner	Start Lab
86	Create Basic HTML Structure and Tags	Document Structure	Beginner	Start Lab
87	Create and Style div Elements in HTML	Element Model	Beginner	Start Lab
88	Apply Relative Positioning in CSS	Positioning	Beginner	Start Lab
89	Apply Margin Styles in CSS	Spacing	Beginner	Start Lab
90	Apply Descendant Selectors in CSS	Selectors	Beginner	Start Lab
91	Apply Basic CSS Selectors in Web Development	Selectors	Beginner	Start Lab
92	Apply Background Styles in CSS	Backgrounds	Beginner	Start Lab
93	Build a Scratch Card Web Game	DOM Manipulation	Beginner	Start Lab

View all labs.

More

• 🔗 Learn more about HTML on LabEx
• 🔗 Explore more programming projects
• 🔗 Explore programming courses