HtmlConceptBeginner · 3 min read

What is Opening and Closing Tag in HTML: Simple Explanation

In HTML, an opening tag starts an element and a closing tag ends it. The opening tag looks like <tagname> and the closing tag looks like </tagname>. Together, they tell the browser where the content begins and ends.

⚙️

How It Works

Think of HTML tags like a sandwich. The opening tag is the top slice of bread, and the closing tag is the bottom slice. Everything in between is the filling, or the content you want to show on the webpage.

The opening tag tells the browser, "Start applying this element's style or meaning now." The closing tag says, "Stop here." This helps the browser understand how to display the content correctly.

For example, if you want to make some text bold, you wrap it between <strong> and </strong>. Without the closing tag, the browser wouldn't know where the bold text ends.

💻

Example

This example shows a simple paragraph with an opening and closing tag:

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Tag Example</title>
</head>
<body>
  <p>This is a paragraph.</p>
</body>
</html>

Output

This is a paragraph.

🎯

When to Use

You use opening and closing tags whenever you want to create an HTML element that contains content. Most HTML elements require both tags to work properly.

For example, use them to create paragraphs, headings, links, lists, and many other parts of a webpage. Without closing tags, the browser might not display your page as you expect.

Some tags like <img> or <br> are self-closing and don’t need a closing tag, but most elements do.

✅

Key Points

Opening tags start an HTML element and look like <tagname>.
Closing tags end the element and look like </tagname>.
Content goes between the opening and closing tags.
Most HTML elements need both tags to work correctly.
Some tags are self-closing and don’t need a closing tag.

✅

Key Takeaways

Opening tags start an HTML element and closing tags end it.

Content is placed between opening and closing tags to show on the webpage.

Most HTML elements require both tags to display correctly.

Some tags like <img> are self-closing and don’t need a closing tag.

Using tags properly helps browsers render your webpage as intended.