BASIC HTML TAGS AND ELEMENTS

HTML Tags :

            HTML tags are like keywords which defines that how web browser will format and display the content. HTML tags contain three main parts: opening tag, content and closing tag. But some HTML tags are unclosed tags. When a web browser reads an HTML document, browser reads it from top to bottom and left to right. The HTML element is everything from the start tag to the end tag:

Syntax : <tag_name>Content</tag_name>

HTML Element :  An HTML element is defined by a start tag, some content, and an end tag

 An example : Content with closing -

   <h1>                   My First Heading                 </h1>
    <p>                    My first paragraph.            </p>
Start_tag                       Content                    End-tag

 An example : Content without closing - This is called Empty Tag, because it doesn't have a content.

<br /> -------> used for Line Break.
<hr /> --------> Draw a Line

Tags are Explained Here -->

<!DOCTYPE html> declaration defines that this document is an HTML5 document
<html> element is the root element of an HTML page
<head> element contains meta information about the HTML page
<title> element specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab)
<body> element defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.

**These Tags must be closed .

BASIC TAGS :

       Tag                         Description
<!DOCTYPE> Defines the document type for html5
<html>             Defines an HTML document
<head>                 Contains metadata/information for the document
<title>               Defines a title for the document - shows on title for a web                                         browser
<body>                 Defines the document's body
<h1> to <h6> Defines HTML headings
<p>                         Defines a paragraph
<br>                 Inserts a single line break
<hr>                 Inserts a Line
<!-- ... -->                 Defines a comment
<abbr>                 Defines an abbreviation or an acronym
<address>         Defines contact information for the author/owner of a
                                 document/article
<b>                          Defines bold text
<bdi>                       Isolates a part of text that might be formatted in a different
                                 direction from other text outside it
<bdo>                 Overrides the current text direction
<blockquote> Defines a section that is quoted from another source
<center>      Defines centered text
<cite>                 Defines the title of a work
<code>                 Defines a piece of computer code
<del>                 Defines text that has been deleted from a document
<dfn>                 Specifies a term that is going to be defined within the content
<em>                 Defines emphasized text 
<font>                 Defines font, color, and size for text
<i>                         Defines a part of text in an alternate voice or mood
<ins>                 Defines a text that has been inserted into a document
<kbd>                 Defines keyboard input
<mark>                 Defines marked/highlighted text
<meter>         Defines a scalar measurement within a known range (a gauge)
<pre>                 Defines preformatted text
<progress>         Represents the progress of a task
<q>                         Defines a short quotation
<rp>                 Defines what to show in browsers that do not support ruby 
                                annotations
<samp>             Defines sample output from a computer program
<small>                 Defines smaller text
<strike>                Defines strikethrough text 
<del> or <s>         Defines strikethrough text 
<strong>         Defines important text
<sub>                 Defines subscripted text
<sup>                 Defines superscripted text
<template>      Defines a container for content that should be hidden when                                    the page loads
<time>                 Defines a specific time (or datetime)
<u>                         Underline
<var>                 Defines a variable
<wbr>                 Defines a possible line-break
<form>             Defines an HTML form for user input
<input>                 Defines an input control
<textarea>         Defines a multiline input control (text area)
<button>         Defines a clickable button
<select>                 Defines a drop-down list
<optgroup>         Defines a group of related options in a drop-down list
<option>         Defines an option in a drop-down list
<label>                 Defines a label for an <input> element
<fieldset>         Groups related elements in a form
<legend>          Defines a caption for a <fieldset> element
<datalist>          Specifies a list of pre-defined options for input controls
<output>          Defines the result of a calculation
<iframe>         Defines an inline frame
<img>                 Defines an image
<map>                 Defines a client-side image map
<area>                 Defines an area inside an image map
<canvas>             Used to draw graphics, on the fly, via scripting
<figcaption>         Defines a caption for a <figure> element
<figure>                 Specifies self-contained content
<picture>         Defines a container for multiple image resources
<svg>                 Defines a container for SVG graphics
<audio>             Defines sound content
<source>       Defines multiple media resources for media elements (<video>,
                             <audio> and <picture>)
<track>             Defines text tracks for media elements (<video> and <audio>)
<video>              Defines a video or movie
<a>                     Defines a hyperlink
<link>         Defines the relationship between a document and an external
                             resource (most used to link to style sheets)
<nav>                     Defines navigation links
<ul>                 Defines an unordered list
<ol>                 Defines an ordered list
<li>                         Defines a list item
<dl>                 Defines a description list
<dt>                 Defines a term/name in a description list
<dd>                 Defines a description of a term/name in a description list
<table>                 Defines a table
<caption>         Defines a table caption
<th>                 Defines a header cell in a table
<tr>                 Defines a row in a table
<td>                 Defines a cell in a table
<thead>                 Groups the header content in a table
<tbody>                Groups the body content in a table
<tfoot>               Groups the footer content in a table
<col>        Specifies column properties for each column within a                                                     <colgroup>         element
<style>                 Defines style information for a document
<div>                 Defines a section in a document
<span>                 Defines a section in a document
<header>         Defines a header for a document or section
<footer>         Defines a footer for a document or section
<main>                  Specifies the main content of a document
<section>         Defines a section in a document
<article>          Defines an article
<aside>             Defines content aside from the page content
<details>         Defines additional details that the user can view or hide
<dialog>         Defines a dialog box or window
<summary  >     Defines a visible heading for a <details> element
<data>                 Adds a machine-readable translation of a given content
<meta>             Defines metadata about an HTML document
<base>                 Specifies the base URL/target for all relative URLs in a 
                                document

<script>             Defines a client-side script
<noscript>         Defines an alternate content for users that do not support 
                                 client-side scripts
<embed>        Defines an embedded applet
<object>         Defines an embedded object
<param>         Defines a parameter for an object