Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
July 18, 2022 07:32 am GMT

What is an HTML Element? How do you create one?

HTML elements are the building blocks of HTML documents.
An HTML element is composed of an opening tag + content + a closing tag.

Example of an HTML element:

<p>This is a paragraph.</p>
  • <p> is the opening tag.
  • This is a paragraph. is the content.
  • </p> is the closing tag.

Nested HTML Elements

HTML elements are capable of being nested. Meaning that one element can be placed inside another element.

The following example contains six HTML tags:

<html>, <head>, <title>, <body>, <p>, and <br>:

<html> <head>  <title>first page</title> </head> <body>  <p>This is a paragraph <br>new line</p> </body></html>

The <p> tags, <br> tag, and the content text are all nested inside the body element in the sample above.

Some HTML elements, such as the <br> element, have no content and do not require an end tag. These are known as empty elements. The
tag defines a line break in the paragraph.

Another example of nested elements:

<p>This is <em>Emphasize</em> text</p><p>This is <b>bold</b> text</p>

In the above example <em> and <b> elements are nested inside <p> element.

Basic Elements

The following are the basic elements of an HTML page that you will come across:

The <h1>, <h2>, <h3>, <h4>, <h5>, and

tags are used to indicate a text header.

The <p> tag is used to indicate a paragraph.

The <hr> tag is used to indicate a horizontal ruler.

The <a> (anchor) tag is used to indicate a link.

The tags <ul> (unordered list), <ol> (ordered list), and <li> (list element) are used to indicate a list.

The <img> tag is used to indicate an image.

The <div> tag defines a division or a section in an HTML document

The <span> tag is used to indicate a text span.

Want to learn more about HTML elements? Here is a useful reference guide that MDN Web Docs have created HTML elements reference.

If you want to understand more about a websites basic HTML structure, go here.


Original Link: https://dev.to/max88git/what-is-an-html-element-how-do-you-create-one-2o

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To