In HTML, a tag is a keyword written inside angle brackets (< >).
Tags tell the browser what to do with the content.
Most tags come in pairs:
<p></p> (with a / before the tag name)Example:
<p>This is a paragraph.</p>
<p> = opening tag</p> = closing tag👉 Tags = Instructions to the browser.
An element is the combination of: 👉 Start tag + Content + End tag
Example:
<h1>Hello, World!</h1>
<h1>Hello, World!</h1><h1>Hello, World!</h1>Container Elements
Have both an opening and closing tag.
They wrap content.
Example:
<p>This is a container element.</p>
Empty Elements
Do not have closing tags.
They are used for standalone tasks.
Examples:
<br> → line break<hr> → horizontal line<img> → insert an image👉 Remember: All empty elements are tags, but not all tags are empty elements.
Attributes provide extra information about an element.
They are always written in the opening tag.
Attributes follow this format:
attributeName="value"
Example:
<p align="center">This text is centered.</p>
align="center" is an attribute.👉 Think of attributes as "settings" for tags.
<p> – Paragraph<p align="right">This is a right-aligned paragraph.</p>
<p>align="right"<img> – Image<img src="flower.jpg" alt="A red flower" width="200" height="150" />
Attributes:
src → location of imagealt → alternate text (important for accessibility)width, height → dimensions<a> – Link<a href="https://www.cbse.gov.in" target="_blank">Visit CBSE Website</a>
Attributes:
href → link addresstarget="_blank" → opens link in a new tab<body> – Background<body bgcolor="lightblue"></body>
bgcolor (background color)✅ Quick Recap for You:
<p>)src, alt, href)