HTML & CSS tutorial for beginners 🌎 — 4h 3m total, 37 videos

1×	4h 3m 6s
1.25×	3h 14m 29s
1.5×	2h 42m 4s
1.75×	2h 18m 55s
2×	2h 1m 33s

Plan to finish

About 5 days at an hour a day

Pick a daily pace and the days you'll watch. Ticked videos are skipped.

At one hour a day, every day, this playlist takes about 5 days. Turn on JavaScript to plan around your week.

Videos (37)

4h 3m in total · tick what you've watched

Tick videos you've watched — progress is saved in this browser.


1	HTML tutorial for beginners 🌎	11:08	2023-09-21
2	Learn HTML hyperlinks in 4 minutes 👈	4:08	2023-09-21
3	Learn HTML images in 6 minutes! 🖼️	6:18	2023-09-21
4	Learn HTML audio in 5 minutes! 🔊	5:17	2023-09-21
5	Learn HTML video in 4 minutes! 🎥	4:31	2023-09-21
6	Learn HTML favicons in 2 minutes! 🗿	2:59	2023-09-21
7	Learn HTML text formatting in 3 minutes! 💬	3:52	2023-09-21
8	Learn HTML span & div in 4 minutes! 🏁	4:47	2023-09-21
9	Learn HTML lists in 6 minutes! 📄	6:35	2023-09-21
10	Learn HTML tables in 4 minutes! 📊	4:43	2023-09-21
11	Learn HTML buttons in 5 minutes! 🔘	5:16	2023-09-21
12	Learn HTML forms in 10+ minutes! 📝	17:55	2023-09-21
13	Learn HTML headers & footers in 5 minutes! 🤯	5:48	2023-09-21
14	Get started with CSS in 8 minutes! 🎨	8:01	2023-09-21
15	Learn CSS colors in 4 minutes! 🖌️	4:13	2023-09-21
16	Learn CSS fonts in 7 minutes! 🔤	7:21	2023-09-21
17	Learn CSS borders in 4 minutes! 🖼	4:27	2023-09-21
18	Learn CSS shadows in 3 minutes! 👥	3:19	2023-09-21
19	Learn CSS margins in 5 minutes! ↔️	5:14	2023-09-21
20	Learn CSS float in 4 minutes! 🎈	4:28	2023-09-21
21	Learn CSS overflow in 3 minutes! 🌊	3:24	2023-09-21
22	Learn CSS display property in 4 minutes! 🧱	4:13	2023-09-21
23	Learn CSS height and width in 6 minutes! 📏	6:54	2023-09-21
24	Learn CSS positions in 6 minutes! 🎯	6:24	2023-09-21
25	How to include a CSS background image 🏙️	3:16	2023-09-21
26	Learn CSS combinators in 4 minutes! ➕	4:57	2023-09-21
27	Learn CSS pseudo-classes in 7 minutes! ☟	7:38	2023-09-21
28	Learn CSS pseudo-elements in 5 minutes! ✔	5:57	2023-09-21
29	Learn CSS pagination in 8 minutes! 🕮	8:59	2023-09-21
30	Learn CSS dropdown menus in 6 minutes! 🔻	6:36	2023-09-21
31	How to create a CSS navigation bar in 6 minutes! 🧭	6:28	2023-09-21
32	CSS website layout in 9 minutes! 🗺️	9:28	2023-09-21
33	How to create a CSS image gallery in 5 minutes! 📷	5:38	2023-09-21
34	Learn CSS icons in 8 minutes! 🐤	8:33	2023-09-21
35	Learn CSS flexbox in 10 minutes! 💪	10:01	2023-09-21
36	Learn CSS transformations in 9 minutes! 🔄	9:01	2023-09-21
37	Learn CSS animations in 15 minutes! 🎬	15:19	2023-09-21

Embed a badge

Show the watch time in a README or course description — it links back here and updates itself

Markdown

[![Watch time: 4h 3m · 37 videos](https://playlistduration.com/badge/playlist/PLZPZq0r_RZOOxqHgOzPyCzIl4AJjXbCYt.svg)](https://playlistduration.com/playlist/PLZPZq0r_RZOOxqHgOzPyCzIl4AJjXbCYt)

HTML

<a href="https://playlistduration.com/playlist/PLZPZq0r_RZOOxqHgOzPyCzIl4AJjXbCYt"><img src="https://playlistduration.com/badge/playlist/PLZPZq0r_RZOOxqHgOzPyCzIl4AJjXbCYt.svg" alt="Watch time: 4h 3m · 37 videos" width="196" height="20"></a>

Add ?speed=1.5 to the image URL for the time at that speed, ?label=Course to change the left text, or ?style=flat-square for square corners.

Want the numbers themselves? GET https://playlistduration.com/api/v1/playlist/PLZPZq0r_RZOOxqHgOzPyCzIl4AJjXbCYt returns them as JSON — free, no key. API docs →