What is self closing tag in html

HtmlConceptBeginner · 3 min read

What Is a Self Closing Tag in HTML? Simple Explanation

A self closing tag in HTML is a tag that does not need a separate closing tag because it contains no content. It ends with a slash before the closing angle bracket, like  , and is used for elements that stand alone.

⚙️

How It Works

Think of a self closing tag like a single-use tool that does its job immediately without needing to be put away separately. In HTML, most tags come in pairs: an opening tag and a closing tag, like  and . But some tags don’t wrap around any content; they just insert something right away.

For example, a line break tag inserts a break in the text but doesn’t have any text inside it. Instead of writing two tags, HTML lets you write one tag that closes itself. This is done by writing the tag without a closing tag, like  . It tells the browser, "This tag is complete on its own." This keeps the code neat and clear.

💻

Example

This example shows a self closing tag   that adds a line break between two sentences.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Self Closing Tag Example</title>
</head>
<body>
  <p>Hello there!<br>Welcome to learning HTML.</p>
</body>
</html>

Output

Hello there! Welcome to learning HTML.

🎯

When to Use

Use self closing tags when you need to add something that doesn’t wrap around content. Common examples include:

  for line breaks
<img> for images
<input> for form fields
<hr> for horizontal lines

They keep your HTML clean and easy to read. For instance, when adding an image, you don’t put text inside the image tag, so it’s self closing. This helps browsers understand your page faster and prevents errors from missing closing tags.

✅

Key Points

Self closing tags do not have separate closing tags.
They are written without a closing tag, like  .
Used for elements that don’t wrap content, such as images and inputs.
Make HTML code cleaner and easier to maintain.

✅

Key Takeaways

A self closing tag ends itself and has no separate closing tag.

Use self closing tags for elements that don’t contain content, like
, , and .

They help keep HTML code simple and clear.

Always write self closing tags correctly to avoid browser errors.