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
<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 :
<!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