Elements in HTML
? Elements in HTML
An HTML element is the basic building block of an HTML page. It represents a part of the document, such as a paragraph, heading, image, link, or container.
Structure of an HTML Element
<tagname>Content</tagname>Opening tag:
<tagname>Content: Text, other elements, or empty
Closing tag:
</tagname>
Example:
<p>This is a paragraph.</p>Self-Closing (Void) Elements
Some elements do not have closing tags and are self-contained:
<img src="image.jpg" alt="A photo"><br><hr><input type="text">Elements Can Contain:
Text content
Other nested elements (children)
Attributes to provide additional info
Example with attributes:
<a href="https://example.com" target="_blank">Visit Example</a>Common HTML Elements
| Element | Purpose |
|---|---|
<html> | Root element of the document |
<head> | Contains metadata and links |
<body> | Content visible on page |
<h1> - <h6> | Headings of different levels |
<p> | Paragraph text |
<a> | Hyperlink |
<img> | Image |
<div> | Generic container |
<span> | Inline container |
<ul>, <ol> | Lists (unordered, ordered) |
<li> | List item |
<form> | User input form |
<input> | Form input field |
Example: Nested Elements
<div> <h2>My Title</h2> <p>This is a <a href="#">link</a> inside a paragraph.</p></div>Would you like me to explain HTML element hierarchy, block vs inline elements, or how elements relate to the DOM (Document Object Model)?
