HtmlConceptBeginner · 3 min read

What Is an HTML Tag? Simple Explanation and Examples

An HTML tag is a code element that tells a web browser how to display content on a webpage. Tags usually come in pairs, like <p> and </p>, which mark the start and end of a section of content.

⚙️

How It Works

Think of an HTML tag like a label or a container that tells your web browser what kind of content it is looking at. For example, a tag can say "this is a paragraph" or "this is a heading." The browser reads these tags and shows the content accordingly.

Tags usually come in pairs: an opening tag and a closing tag. The opening tag starts the content, and the closing tag ends it. This is like putting a book title on a cover and then closing the book when you finish reading. Some tags can also work alone, like a single sticker on a page.

💻

Example

This example shows a simple HTML tag that creates a paragraph on the page.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>HTML Tag Example</title>
</head>
<body>
  <p>This is a paragraph created using the &lt;p&gt; tag.</p>
</body>
</html>

Output

This is a paragraph created using the <p> tag.

🎯

When to Use

Use HTML tags whenever you want to add content to a webpage and tell the browser how to show it. For example, use <h1> to create a main heading, <img> to add an image, or <a> to add a clickable link.

Tags help organize content so it looks good and is easy to read on any device. They also help search engines and screen readers understand your page better.

✅

Key Points

HTML tags define the structure and content of a webpage.
Most tags come in pairs: opening and closing.
Tags tell browsers how to display text, images, links, and more.
Using tags correctly improves accessibility and SEO.

✅

Key Takeaways

HTML tags are the building blocks of webpages that tell browsers how to display content.

Tags usually come in pairs with an opening and closing tag to wrap content.

Use tags to organize text, images, links, and other elements on your page.

Correct use of tags helps make your website accessible and easy to understand.

Some tags are self-closing and do not need a closing pair.