{"id":1939,"date":"2015-10-28T12:19:21","date_gmt":"2015-10-28T12:19:21","guid":{"rendered":"http:\/\/tutorialsclass.com\/?p=1939"},"modified":"2021-04-25T17:11:04","modified_gmt":"2021-04-25T17:11:04","slug":"html-elements-tags","status":"publish","type":"post","link":"https:\/\/tutorialsclass.com\/html-elements-tags\/","title":{"rendered":"HTML Elements and Tags"},"content":{"rendered":"\n

A Website page is made up of multiple HTML elements and HTML element is made of HTML tags.<\/p>\n\n\n\n

HTML Tags<\/h3>\n\n\n\n

HTML tags are like labels or keywords to define web page. These tags tells the browser about the format or structure of the content.<\/p>\n\n\n\n

Most of the tags comes in pair. One is called opening tag and other is closing tag. Tags begin with a less-than sign \u201c<\"<\/code> and end with a greater-than sign \">\u201c<\/code>. For example: <p><\/p><\/code> tags is used to create paragraph content. While <h1><\/h1><\/code> tags are used to create headings.<\/p>\n\n\n\n

\n\n\n\n

HTML Element<\/h3>\n\n\n\n

An element in HTML generally consists of an opening tag, content, and a closing tag. We can see the HTML element as an individual component of web-page.<\/p>\n\n\n\n

Start\/Opening Tag<\/strong>
HTML elements starts with opening tags. For example: <p><b><h1><\/code> etc.<\/p>\n\n\n\n

End\/Closing Tag<\/strong>
HTML elements ends with closing tags. For example: <\/p><\/b><\/h1><\/code> etc.<\/p>\n\n\n\n

Content<\/strong>
We place content between the opening and closing tags. For example: <p><\/code>This is sample content.<\/p><\/code><\/p>\n\n\n\n

\n\n\n\n

Nested HTML Elements<\/h3>\n\n\n\n

HTML elements can be nested. This means that the HTML element can contain many other elements inside.<\/p>\n\n\n\n

<!DOCTYPE html>\n<html>\n<body>\n \n<h1>My First Heading<\/h1>\n<p>My sample paragraph content.<\/p>\n \n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n
Example Description:<\/strong> You can see that the above HTML page is made up of various HTML elements and tags. Some tags have nested tags inside as well.<\/p>\n\n\n\n
\n\n\n\n
HTML Empty Elements<\/h3>\n\n\n\n
HTML elements with no content are called empty elements. There are many empty elements that do not have closing tag.<\/p>\n\n\n\n
For example: <br><\/code> is an empty element without a closing tag. It is used to create line break.<\/p>\n\n\n\n
It is good to close every tags. Empty elements can be \u201cclosed\u201d in the same Opening tag. For example: <br \/><\/code><\/p>\n\n\n\n
HTML5 does not require empty elements to be closed. But if you want strict validation, or if you need to make your document readable by XML parser, you must close all HTML elements properly.<\/p>\n\n\n\n
HTML5 does not require empty elements to be closed. But if you want strict validation, or if you need to make your document readable by XML parser, you must close all HTML elements properly.<\/p>\n\n\n\n
\n\n\n\n
Tips while using HTML Tags:<\/h3>\n\n\n\n