Horje
What is Nested HTML Elements

HTML elements can be nested (this means that elements can contain other elements).

All HTML documents consist of nested HTML elements.

The following example contains four HTML elements (<html>, <body>, <h1> and <p>):

HTML elements may contain other elements. This is called nesting, and to do it properly, the entire element (including its markup) must be within the start and end tags of the containing element (the parent). Proper nesting is one of the criteria of a well-formed document (a requirement for XHTML).


Example of Nested HTML Elements

<h1>My First Heading</h1>
<p>My first paragraph.</p>

Example of Full Page Nested Element

index.html
Example: HTML
 <!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html> 

Output should be:

Example of Full Page Nested Element

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:
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</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 two other elements: <h1> and <p>:
<h1>My First Heading</h1>
<p>My first paragraph.</p>

The <h1> element defines a heading. It has a start tag <h1> and an end tag </h1>:
<h1>My First Heading</h1>

The <p> element defines a paragraph. It has a start tag <p> and an end tag </p>:
<p>My first paragraph.</p>





Related Articles
What is HTML Elements HTML Elements
What is Nested HTML Elements HTML Elements
Why should Never Skip the End Tag HTML Elements HTML Elements
What is Empty HTML Elements HTML Elements
Why HTML is Not Case Sensitive HTML Elements

Single Articles
Example of Nested HTML ElementsHTML Elements
Example of Full Page Nested ElementHTML Elements
Example ExplainedHTML Elements

Read Full:
HTML Elements
Category:
Web Tutorial
Sub Category:
HTML Elements
Uploaded:
1 year ago
Uploaded by:
Admin
Views:
207


Reffered: https://www.w3schools.com/html/tryit.asp?filename=tryhtml_elements

Share on: