What is HTML?
Don't worry about the fancy name! It's just the language used to build webpages.
Every website you visit is made with HTML! It's like building blocks for the internet.
Think of it like building a house:
A house is made of bricks, wood, and glass...
A webpage is made of HTML "tags"!
Understanding HTML Tags
HTML uses special codes called "tags". Tags come in pairs - one to start and one to end.
🏷️ How Tags Work
Every tag has three parts:
Starts the element
What you see
Ends with a /
Common HTML Tags You'll Use
<h1>
Big headline text
<p>
Paragraph text
<a>
Links to other pages
<img>
Pictures and images
Let's Build Your First Webpage!
Type in the editor below and watch your webpage appear instantly!
🎯 Your Mission: Make It Yours!
Change the code above to create YOUR personal page. Try these challenges:
Here's an example of what your code might look like:
<body>
<h1>Hi, I'm Alex!</h1>
<p>I love playing soccer and video games.</p>
<h1>🐕 My favorite animal is a dog!</h1>
</body>⭐ Bonus: More HTML Tags!
Ready for more? Here are some extra cool tags you can try!
<ul> <li>
Make a list of things!
<ul><li>Item 1</li></ul><strong>
Make text BOLD
<strong>wow</strong><br>
Add a line break
Line 1<br>Line 2<hr>
Add a horizontal line
<hr>🏆 Super Challenge!
Go back to the editor and try adding a list of your three favorite things!
<h2>My Favorite Things</h2>
<ul>
<li>Pizza 🍕</li>
<li>Video Games 🎮</li>
<li>Coding 💻</li>
</ul>🎮 HTML Tag Puzzle Game!
Put the HTML code in the correct order to build a webpage!
🧩 Drag the tags into the right order!
👆 Click tags above in the correct order!
⚡ Speed Tag Quiz!
How fast can you match the tags to their purpose?
🏷️ What does this tag do?
🎨 Build Your Profile Card!
Create a cool profile card about YOU using what you learned!
📝 Fill in your info and watch your card build!
👀 Your Profile Card Preview:
Your Name
Age: ?
"Your fun fact here!"
Adventure 2 Complete!
You just built your first webpage! You're officially an HTML Hero!