THE BEST WEB DEVELOPER SITE

HTML Elements


HTML Elements

An HTML element usually consists of a start tag and end tag, with the content inserted in between:

<tagname>Content goes here...</tagname>

The HTML element is everything from the start tag to the end tag:

<p>My first paragraph.</p>
Start tag Element content End tag
<h1> My First Heading </h1>
<p> My first paragraph. </p>
<br>    

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).


Nested HTML Elements

HTML elements can be nested (elements can contain elements).

All HTML documents consist of nested HTML elements.

This example contains four HTML elements:

Example

<!DOCTYPE html>
<html>
<body>

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

</body>
</html>
Try it Yourself »

Example Explained

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).

<html>
<body>

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

</body>
</html>

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>).

<body>

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

</body>

The <h1> element defines a heading.

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

The element content is: My First Heading.

<h1>My First Heading</h1>

The <p> element defines a paragraph.

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

The element content is: My first paragraph.

<p>My first paragraph.</p>

Do Not Forget the End Tag

Some HTML elements will display correctly, even if you forget the end tag:

Example

<html>
<body>

<p>This is a paragraph
<p>This is a paragraph

</body>
</html>
Try it Yourself »

The case above works in all programs, on the grounds that the end tag is viewed as discretionary.

Never depend on this. It may create surprising outcomes and additionally mistakes on the off chance that you overlook the end tag.


Empty HTML Elements

HTML components with no substance are called discharge elements.

<br> is an unfilled component without an end tag (the <br> tag characterizes a line break).

Empty components can be "closed" in the opening label this way: <br/>.

HTML5 does not require exhaust components to be shut. Be that as it may, on the off chance that you need stricter approval, or in the event that you have to make your archive coherent by XML parsers, you should close all HTML components properly.


Use Lowercase Tags

HTML labels are not case touchy: <P> implies the same as <p>.

The HTML5 standard does not require lowercase labels, but rather W3C recommends lowercase in HTML, and demands lowercase for stricter report sorts like XHTML.

At LearningSlack we always use lowercase tags.