Semantic HTML

Semantic HTML: Semantic HTML is the use of HTML markup to reinforce the semantics, or meaning, of the information in webpages rather than merely to define its presentation or look. Semantic HTML also makes webpages more accessible to people with disabilities, and search engines.
Tags: Tags are used to define the structure of a webpage. Tags are surrounded by angle brackets, and are usually written in lowercase. Tags can be nested inside other tags, and can have attributes.
Attributes: Attributes are used to provide additional information about an element. Attributes are always specified in the opening tag, and their values should be quoted.
<html>: The html tag is used to define the root of an HTML document. The html tag is written as <html> and is closed with </html> and the entire page is defined within those tags.
<body>: The body tag is used to define the document's body. The body tag contains all the contents of an HTML document, such as text, images, hyperlinks, tables, lists, etc.
<head>: The head tag is used to define the document's head. The head tag contains meta information, scripts, styles, etc.
<title>: The title tag is used to define the document's title. The title tag is displayed in the browser's title bar, and is used by search engines to index the page.
<meta>: The meta tag is used to define metadata about an HTML document. Metadata will not be displayed on the page, but will be machine parsable.
<a>: The anchor tag is used to create a hyperlink to another page or to another part of the same page. The anchor tag is written as <a> and is closed with </a>. The link destination is specified in the href attribute.
<h1>: The heading tag, H1 is one of 6 headings (H1 through H6) and represents the highest level heading.
<p>: The paragraph tag is used to define a paragraph. The paragraph tag is written as <p> and is closed with </p>.
<header>: The header tag is used to define a header for a document or a section. A header usually contains a logo, navigation bar, and sometimes a search form.
<main>: The main tag is used to define the main content of a document. The main content area consists of content that is directly related to or expands upon the central topic of a document, or the central functionality of an application.
<nav>: The nav tag is used to define a set of navigation links. The nav tag is most often used to contain the major navigational blocks on the site such as the primary site menu or a list of links to the sections of a document.
<section>: The section tag is used to define sections in a document, such as chapters, headers, footers, or any other sections of the document.
<dl>: The definition list tag is used to define a description list. The definition list is a list of terms, with the terms and their definitions.
<dt>: The definition term tag is used to define a term in a definition list. The definition term is usually followed by a definition description.
<dd>: The definition description tag is used to define a description of a term in a definition list. The definition description is usually preceded by a definition term.
<footer>: The footer tag is used to define a footer for a document or a section. A footer usually contains authorship information, related documents, links to sections within the document, copyright information, etc.