HTML Basic Tags with Examples

 

πŸ“˜ HTML Basic Tags Explained (Part 2)

HTML uses tags to structure content. Let’s learn some of the most important basic tags every beginner must know.


1️⃣ Headings in HTML

HTML provides 6 levels of headings:

<h1>This is Heading 1</h1> <h2>This is Heading 2</h2> <h3>This is Heading 3</h3> <h4>This is Heading 4</h4> <h5>This is Heading 5</h5> <h6>This is Heading 6</h6>

πŸ‘‰ <h1> is the largest heading
πŸ‘‰ <h6> is the smallest heading

Headings are important for structure and SEO.


2️⃣ Paragraph Tag

The paragraph tag is used to write text content.

<p>This is a paragraph in HTML.</p>

Every paragraph starts with <p> and ends with </p>.


3️⃣ Line Break Tag

If you want to break a line without starting a new paragraph, use <br>.

<p>Hello<br>World</p>

<br> does not need a closing tag.


4️⃣ Horizontal Line

The <hr> tag creates a horizontal line.

<hr>

It is used to separate content sections.


5️⃣ Bold and Italic Text

You can make text bold or italic using:

<b>Bold Text</b> <i>Italic Text</i> <strong>Important Text</strong> <em>Emphasized Text</em>

πŸ‘‰ <strong> and <em> are better for SEO and meaning.


🎯 Practice Exercise

Create a simple webpage that includes:

✔ One main heading
✔ Two paragraphs
✔ One horizontal line
✔ Some bold and italic text

Try it yourself and comment “DONE” when finished.


Comments

Popular posts from this blog

Smart Coding: How to Code Smarter, Not Harder

HTML stands for Hyper Text Markup Language.