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>