The HTML element usually consists of a start tag and end tag,
with the content inserted in between:
<tagname>Content information goes here...</tagname>
The HTML element is everything from the start tag to the end tag:
<p> This is first paragraph</p>
| Start tag | Element content | End tag |
|---|---|---|
| <h1> | This is First Heading | </h1> |
| <p> | This is first paragraph. | </p> |
| <br> |
Note: HTML elements with no content are called empty elements. Empty elements do not have an end tag, such as the <br>
element (which indicates a line break).
All HTML documents consist of nested HTML elements.
This example contains four HTML elements:
Element 1: The
It has a start tag <html> and an end tag </html>.
The element content is another HTML element (the
Element 2: The
It has a start tag <body> and an end tag </body>.
The element content is two other HTML elements (
Element 3: The
It has a start tag <h1> and an
end tag </h1>.
The element content is: This is First Heading
Element 4: The
Nested HTML Elements
Example:
HTML elements can be nested (elements can contain elements).All HTML documents consist of nested HTML elements.
This example contains four HTML elements:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is First Heading</h1>
<p>This is First paragraph.</p>
</body>
</html>
Example Explained
Element 1: The <html> element defines the whole document.
It has a start tag <html> and an end tag </html>.The element content is another HTML element (the
<body> element).
Element 2: The <body> element defines the document body.
It has a start tag <body> and an end tag </body>.The element content is two other HTML elements (
<h1> and
<p>).
Element 3: The <h1> element defines a heading.
It has a start tag <h1> and an
end tag </h1>.The element content is: This is First Heading
No comments:
Post a Comment