An HTML element consist of by a start tag, some content, and an end tag.
Example
<tagname>Content goes here…</tagname>
The HTML element is everything from the start tag to the end tag:
<h1>My First Heading</h1>
<p>My first paragraph.</p>
| Opening Tag | Element Content | Closing Tag |
| <p> | Hello John | </p> |
| <h1> | Thanks Mediumpedia | </h1> |
| <hr> | None | None |
Some HTML elements have no content (like the <br> element). These elements are called empty elements. Empty elements do not have an end tag!
Nested HTML Elements means the element contains another element.
For example:
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>Example Explained
The<html>element is the root element and it defines the whole HTML document. It has a start tag<html>and an end tag</html>. Then, inside the<html>element there is a<body>element. The<body>element defines the document's body. It has a start tag<body>and an end tag</body>. Then, inside the<body>element there is two other elements<h1>and<p>The<h1>element defines a heading. It has a start tag<h1>and an end tag</h1>. The<p>element defines a paragraph. It has a start tag<p>and an end tag</p>
