HTML element

an HTML element is defined as starting tag, content and ending tag

let us see some examples of elements with different tags:

some elements don't have content these elements are called empty elements. Empty elements don't have the ending tag

let us see some examples of empty elements :

Nested HTML elements are nothing but elements can contain other elements

let us see an example :

<!DOCTYPE html>
<html>
<body>

<h1> hello world this is heading </h1>
<p> new paragraph</p>
<footer> this is footer </footer>

</body>
</html>

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:

<body>

<h1> hello world this is heading </h1>
<p> new paragraph</p>
<footer> this is footer </footer>

</body>

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 are three other elements: <h1> ,<p> and </footer>:

<h1> hello world this is heading </h1>
<p> new paragraph</p>
<footer> this is footer </footer>

The <h1> element defines a heading.

It has a start tag <h1> and an end tag </h1>:

<h1> hello world this is heading </h1>

The <p> element defines a paragraph.

It has a start tag <p> and an end tag </p>:

<p>My first paragraph.</p>

The <footer> element defines a footer.

It has a start tag <footer> and an end tag </footer>:

<footer> this is footer </footer>