Labels

Day 2 of HTML mastery!

 

🧠 Day 2: Basic Tags – The Building Blocks

So now that you’ve survived Day 1, let’s move on to the actual most basic tags you’ll be using 99% of the time.

🧱 The Most Common Tags You'll See:

1. <h1>  – Heading

This is the biggest heading and is used for (obviously)headings on the top of your page!

2. <p> – Paragraphs

Used to add regular text content.

html
<p>This is a normal paragraph of text.</p>

You’ll use this A LOT. Like… a lot a lot. This is basically where you type all your content and its literally in a paragraph format so it leaves a line above and below the para.

3. <br> –  Break

Want to break a line without starting a new paragraph?

html
<p>This is line one.<br>This is line two.</p>

💡 Remember: <br> is an empty tag — it doesn't need a closing </br>.

4. <hr> – Horizontal Line

Adds a simple line to divide sections.

html
<hr>

💡 It’s a quick way to break things up visually — no CSS needed!

✍️ Challenge:

Try typing out this basic HTML in your editor and opening it in a browser:

html
<!DOCTYPE html>
<html>
<head>
  <title>Day 2 Practice</title>
</head>
<body>
  <h1>Welcome to My Page</h1>
  <p>This is a paragraph.</p>
  <p>This is another paragraph.<br>With a line break!</p>
  <hr>
  <p><strong>Bold text</strong> and <em>italic text</em>.</p>
</body>
</html>

♥️ That’s It for Today!

See? That wasn’t so bad.
Now you’ve got to know the absolute most basic tags to actually make a webpage.

Tomorrow: we make it prettier — without CSS. Yes, that’s possible. 😉

Labels:

Comments

Post a Comment

Popular Posts