Home / html Tutorials / What Is HTML Tag or HTML Element?

HTML Elements:

Most HTML elements are written with “start tag” and “end tag” between the content. Its denotes surrounding by angle bracket. Where the elements name is premised by forward slash that is end closing tag.

For example end tag closing refer </elements> and some the elements if we consider those elements don’t need any closing tag such as image elements. These are called as void elements. HTML composed a tree of HTML elements and nodes, here for example nodes we take “Text Node”. Each elements have HTML attributes. Each elements contain text, content and including other elements. Each elements represent what does it.


For example paragraph, the elements is everything from the start tag to the end tag.

<p> My First Story Paragraph</p>

Here it is represent the paragraph of the document.

Nest HTML Tags: Easy way understanding HTML pages will disclose you that you should nest all your html tags as properly. A nest tag is simply is any tag or elements that is surrounding by another any elements, for instance just see the below one…

<!DOCTYPE html>
<html>

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

</html>

Example Brief Explain HTML:

Html Elements represent the whole document, generally it starts tag <html> and end tag is </html>.

The elements content is another element that is body elements <body>

<html>

<body>

<h1>My First Story Heading</h1>

<p>My First Story paragraph.</p>

</body>

</html>

In above example body is denotes the document of the body, it has start tag with <body> and end tag with </body>. And if you consider above example coding, the elements content there is two other html elements, that is <h1>, <p>.

Simply those are following

<body>

<h1> my first story Heading</h1>

<p>My First Story Paragraph</p>

</body>

H1 elements determine a heading, it has start tag <h1> and end tag is </h1> and here element content if you above example, that goes to ” My first Story heading”. Same as well <p> elements determine a paragraph, it has start with <p> tag and end with </p> tag. Here from example coding the elements content is “My First Story paragraph.

Note:

Don’t forget to use end tag for example:

<html>

<body>

<p>This is a paragraph

<p>This is a paragraph

</body>

</html>

Above example there is no proper closing tag for the elements, even though it will support all browsers well, because the closing tag is considered only optional. It might bring on unexpected results and errors if you forget to closing the end tag.

All elements I tried to show here, just see the whole document elements following below web collections.

A

<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article>
<aside>
<audio>

B

<b>
<base>
<basefont>
<bdi>
<bdo>
<bgsound>
<big>
<blink>
<blockquote>
<body>
<br>
<button>

C

<canvas>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<content>

D

<data>
<datalist>
<dd>
<decorator>
<del>
<details>
<dfn>
<dialog>
<dir>
<div>
<dl>
<dt>

E

<element>
<em>
<embed>

F

<fieldset>
<figcaption>
<figure>
<font>
<footer>
<form>
<frame>
<frameset>

G H

<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
<head>
<header>
<hgroup>
<hr>
<html>

I

<i>
<iframe>
<img>
<input>
<ins>
<isindex>

J K

<kbd>
<keygen>

L

<label>
<legend>
<li>
<link>
<listing>

M

<main>
<map>
<mark>
<marquee>
<menu>
<menuitem>
<meta>
<meter>

N

<nav>
<nobr>
<noframes>
<noscript>

O

<object>
<ol>
<optgroup>
<option>
<output>

P

<p>
<param>
<picture>
<plaintext>
<pre>
<progress>

Q

<q>

R

<rp>
<rt>
<ruby>

S

<s>
<samp>
<script>
<section>
<select>
<shadow>
<small>
<source>
<spacer>
<span>
<strike>
<strong>
<style>
<sub>
<summary>
<sup>

T

<table>
<tbody>
<td>
<template>
<textarea>
<tfoot>
<th>
<thead>
<time>
<title>
<tr>
<track>
<tt>

U

<u>
<ul>

V

<var>
<video>

W

<wbr>

X Y Z

<xmp>





With Your Donation Help Us to Producing more Free Resources!

About Author Sudharsan

Chief Editor of Alldesigncreative.com, a designer, developer and animator. He spends most of the time to creating designs and animations includes visual effects. He loves so much to create all type of designing and has excellent knowledge in all kind of design roots.