The Only HTML Tutorial That Teaches You the Internet
Most HTML tutorials hand you a list of tags. This one builds HTML from scratch — so every tag makes sense before you type it.
You'll leave understanding not just HTML, but the internet itself: IP addresses, DNS, HTTP, and how a webpage actually travels from a server to your screen. The web half isn't a footnote — it's half the video.
🛠️ Never used VS Code before? Set it up here first: • The Only VS Code Tutorial You Need to Get ...
---
What you'll learn:
🧱 Inventing HTML Before Using It
We don't start with tags. We start with the problem tags were invented to solve — a publisher drowning in unstructured manuscripts. Once you feel that problem, every HTML concept (nesting, attributes, structure) arrives as the obvious solution.
✍️ HTML Text Tags — The Google Docs Way
We put Google Docs on one side, a code editor on the other. Every button you already know — bold, italic, heading — becomes the HTML tag that creates it. You stop guessing and start predicting.
🏗️ Semantic HTML: Meaning vs Style
strong and b both look bold. Only one means something. You'll understand why that difference matters — for accessibility, screen readers, and writing HTML that actually communicates.
🌐 How the Web Actually Works
IP addresses, DNS, HTTP requests and responses — explained from first principles. We send raw HTTP requests by hand, watch DNS propagate across the globe live, and see exactly what your browser does in secret.
---
⏱️ Chapters
0:00:00 Intro: Why Most HTML Tutorials Get It Wrong
0:02:03 What HTML Tags Are And Why They Exist
0:08:13 Nested Tags and DOCTYPE: Parent-Child Tags
0:13:47 Lists and Attributes: Container Tags and Metadata
0:19:28 HTML Document Structure: Head, Body, and Logical Grouping
0:23:42 Your First HTML Document: Seeing the Patterns
0:27:53 MDN, Validator, and How to Use Docs
0:34:41 Your First HTML Text: p, h1–h6
0:37:43 Pattern Behind HTML Tag Names (b, i, u, s, sub, sup, mark)
0:45:08 Whitespace, Line Breaks (br), and Standalone Tags (hr)
0:51:41 Semantic vs Generic Tags: HTML Captures Meaning, Not Style
1:03:13 Semantic vs Generic Tags: The Pattern Repeats (em, i, and More)
1:07:19 HTML Structural Elements: header, main, footer, nav, aside, section
1:12:21 Block vs Inline Elements: div, span
1:17:50 HTML Lists: ul, ol, dl
1:24:51 Nested Lists: Sub-List Within an Item
1:27:49 HTML Tables: tr, th, td, thead, tbody, tfoot
1:36:30 Merging Table Cells: rowspan and colspan
1:40:25 The HTML Validator: Errors, Warnings, and Info
1:45:59 Who's Behind HTML? WHATWG, the Living Standard, and MDN
1:53:36 Can I Use "X"? Browser Support, Deprecated and Experimental Tags
1:58:10 HTML Text Elements: A Tour of Every Textual Tag
2:02:13 HTML Entities: Unicode & Special Characters in HTML
2:09:35 HTML img Tag & the Rabbit Hole It Opens (Internet!)
2:12:47 The Internet: Real Cables, Real Computers, Real Connections
2:17:21 IP Address: Give Every Computer a Number
2:22:57 Domain Names and DNS: Use Names Instead of IP Addresses
2:31:06 Buy a Domain, Set It Up, and Watch It Spread Worldwide (For Real)
2:37:45 HTTP & Protocols: Choosing a Language Both Computers Can Understand
2:41:16 HTTP Follows the Pattern You Already Know (BTML → HTML → HTTP)
2:48:38 HTTP Message: Start Line, Headers, and Body (Familiar?)
2:51:55 HTTP Requests: You Ask a Server to Do Something
2:56:26 HTTP Responses: The Server Replies Back with Result
3:01:09 Just Watch: Sending Raw HTTP Requests to Servers (No Browser)
3:09:08 Your Turn: Send HTTP Requests with reqbin Online Tool
3:12:13 Keep Going: Ports, HTTPS, Local Server, URLs, Paths, Forms, and More
---
🔗 Resources
🎓 Full HTML & Web Course (continues from here): https://www.udemy.com/course/html-web...
💻 Starter files: https://github.com/KianAttar/html-int...
📖 BTML Docs (the invented markup language from this video): https://kianattar.github.io/btml-docs...
🛠️ New to VS Code? Set it up here first: • The Only VS Code Tutorial You Need to Get ...
---
👋 About KianCode
I'm Kian. I dropped out of veterinary school in 2022 and switched to Computer Science at age 24, starting from zero. I know what it feels like to stare at a tutorial and understand nothing. Every video on this channel is built around one idea: concepts before syntax, reasons before rules. No memorization. No jargon.
If something clicked for you in this video, drop it in the comments — And subscribe if you want more like this.
📺 Subscribe: / @kiancodes
📸 Instagram: / kiancode.dev
☕ Buy me a coffee: https://buymeacoffee.com/kianattar
---
#HTML #WebDevelopment #HTMLTutorial #HowTheInternetWorks #HTTP #DNS #KianCode #HTMLCourse #LearnHTML