HTML Made Easy – Part 7 🚀 | Lists, Div & Website Structure
Welcome to HTML Made Easy – Part 7 👋
This is the seventh video of our HTML beginner series, where we learn how to structure real websites using lists and divs in HTML.
In this video, you’ll learn:
• What unordered lists (ul) are
• What ordered lists (ol) are
• What the li tag does
• The difference between bullets and numbered lists
• The super simple rule: ul, ol, li
• What the div tag is
• Why div is called a container
• How real websites use div for structure
• What nesting means in HTML
• The beginner mistake of poor indentation
• How to use Prettier in VS Code
• Why “Format On Save” is important
• Why clean code makes you a real developer
By the end of this video, you’ll clearly understand how real websites are structured using pure HTML — without any CSS or JavaScript.
⏱️ Timestamps
0:00 Why Most Beginners Learn HTML the Wrong Way
0:22 Previously on Beecodefi
0:35 HTML Lists Explained
0:47 Unordered List in HTML (ul)
1:09 Ordered List in HTML (ol)
1:46 What is the div ?
2:42 What is Nesting in HTML?
3:28 Quick Recap
3:43 HTML Practice Task
4:09 What’s Next in Series?
⚠️ No CSS or JavaScript in this video —
we focus only on clean, logical, beginner-friendly HTML structure.
👩💻 This series is perfect for:
• Absolute beginners
• Students learning HTML for the first time
• Anyone starting web development from scratch
• Anyone who wants to write clean and organized code
🧠 Practice Task:
Create a new HTML file and use only:
• One unordered list (3 items)
• One ordered list (3 steps)
• One div that contains:
One heading
One paragraph
One list
• Proper indentation
• Clean structure
No CSS.
No JavaScript.
Only pure structured HTML. 🔥
📱 Follow BeeCodeFi
Instagram – / beecodefi
LinkedIn – / ayushku
Twitter – / kumaryursh
📫 Business Enquiries – [email protected]
▶️ Coming Next (Part 8)
In the next video, we’ll start building more structured layouts using semantic tags and tables to level up your HTML foundation.
📌 Subscribe and follow the series —
learn HTML the easy way with BeeCodeFi 🐝💻🔥