HTML5 Complete Reference

Last Updated : 19 Jun, 2023

HTML stands for Hyper Text Markup Language. It is used to design web pages using a markup language. HTML is an abbreviation of Hypertext and Markup language. Hypertext defines the link between the web pages. A markup language is used to define the text document within the tag, which defines the structure of web pages.

HTML 5 is the fifth and current version of HTML. It has improved the markup available for documents and has introduced application programming interfaces (API) and a Document Object Model (DOM).

The below examples illustrate the HTML 5 content.

Example:

html

<!DOCTYPE html>  
<html>  
  
<head>  
    <title>HTML 5 Demo</title>  
      
    <style>  
        .GFG {  
            font-size:40px;  
            font-weight:bold;  
            color:green;  
        }  
        body {  
            text-align:center;  
        }  
    </style>  
</head>  
  
<body>  
    <div class = "GFG">GeeksforGeeks</div>  
    <aside>  
        <div>A computer science portal for geeks</div>  
    </aside>  
</body>  
  
</html>                      

Output:

Features:

It has introduced new multimedia features that support audio and video controls by using <audio> and <video> tags.
There are new graphics elements including vector graphics and tags.
Enrich semantic content by including <header> <footer>, <article>, <section> and <figure> are added.
Drag and Drop- The user can grab an object and drag it further dropping it in a new location.
Geo-location services- It helps to locate the geographical location of a client.
Web storage facility which provides web application methods to store data on a web browser.
Uses the SQL database to store data offline.
Allows drawing various shapes like triangle, rectangle, circle, etc.
Capable of handling incorrect syntax.
Easy DOCTYPE declaration i.e. <!doctype html>
Easy character encoding i.e. <meta charset=”UTF-8″>

Complete Reference:

Title	Description	Example
HTML5 \| Introduction	HTML stands for Hyper Text Markup Language. It is used to design web pages.	Try
HTML5 \| Editors	HTML text editors are used to create and modify web pages.	Try
HTML5 \| Basics	There are various tags that we must consider and include while starting to code in HTML.	Try
HTML5 \| Attributes	All HTML elements have attributes that will provide additional information about that particular element.	Try
HTML5 \| Paragraph	The <p> tag in HTML defines a paragraph.	Try
HTML5 \| Text Formatting	HTML facilitates the ability for formatting text just like we do in any text editing software.	Try
HTML5 \| Quotations	The Quotation elements in HTML are used to insert quoted texts in a web page.	Try
HTML5 \| Tables	HTML Table is an arrangement of data in rows and columns, or possibly in a more complex structure.	Try
HTML5 \| Lists	A list is a record of short pieces of related information or used to display the data on web pages in the ordered or unordered form.	Try
HTML5 \| Spell Check	The Spell Check feature in HTML is used to detect grammatical or spelling mistakes in the text fields.	Try
HTML5 \| Color Styles and HSL	Colors are used to make the page more attractive.	Try
HTML5 \| Geolocation	Geo-location is used to share the location with some websites and be aware of the exact location.	Try
HTML5 \| Drag and Drop	Drag and Drop is a very interactive and user-friendly concept that makes it easier to move an object to a different location by grabbing it.	Try
HTML5 \| Charsets	The character set or character encoding has different character encoding standards which assign some numbers to these character set which can be used in the internet.	Try
HTML5 \| Images	By adding images, we can make our websites more attractive.	Try
HTML5 \| Doctypes	A doctype declaration is an instruction that tells the web browser about the markup language in which the current page is written.	Try
HTML5 \| Layout	Page layout is the part of graphic design that deals with the arrangement of visual elements on a page.	Try
HTML5 \| File Paths	A file path specifies the location of a file inside a web folder structure.	Try
HTML5 \| Iframes	The ”iframe” tag defines a rectangular region within the document in which the browser can display a separate document, including scrollbars and borders.	Try
HTML5 \| Links	Link is a connection from one web resource to another.	Try
HTML5 \| Deprecated Tags	The deprecated tags are those attributes which are replaced by some other attributes.
HTML5 \| URL Encoding	URL Encoding takes place by replacing all the characters that are not allowed by a % sign followed by two hexadecimal digits.	Try
HTML5 \| SVG-Basics	SVG defines vector-based graphics in XML format.	Try
HTML5 \| Canvas Basics	The HTML “canvas” element is used to draw graphics via JavaScript.	Try
HTML5 \| Computer Code Elements	The <code> tag in HTML is used to define the piece of computer code.	Try
HTML5 \| Entities	HTML provides some Entity names and Entity numbers to use symbols which are normally not present in basic keyboard.	Try
HTML5 \| canvas drawImage() Method	canvas drawImage() function is used to display an image or video on canvas.	Try
HTML5 \| template Tag	The <template> tag in HTML is used to store the HTML code fragments, which can be cloned and inserted in an HTML document.	Try
HTML5 \| dropzone Attribute	The dropzone attribute in HTML is used to specify whether the dragged data copied, moved, or linked when it is dropped on any element.	Try
HTML5 \| rp Tag	The <rp> tag in HTML is used to provide parentheses around a ruby main text which defines the information.	Try
HTML5 \| rt Tag	The <rt> tag in HTML is used to define the explanation of the ruby annotation which is a small text, attached with the main text.	Try
HTML5 \| <ruby> Tag	The <ruby> tag in HTML is used to specify the ruby annotation which is a small text, attached with the main text to specify the meaning of the main text.	Try
HTML5 \| figure Tag	The <figure> tag in HTML is used to add self-contained content like illustrations, diagrams, photos, or codes listing in a document.	Try
HTML5 \| figcaption Tag	The <figurecaption> tag in HTML is used to set a caption to the figure element in a document.	Try
HTML5 \| fieldset Tag	The <fieldset> tag in HTML5 is used to make a group of related elements in the form, and it creates the box over the elements.	Try
HTML5 \| <head> Tag	The <head> tag in HTML is used to define the head portion of the document which contains information related to the document.	Try
HTML5 \| <dialog> Tag	The <dialog> tag is used to specify the dialog box or window.	Try
HTML5 \| <bdi> Tag	It differentiates a text from other text that may be formatted in a different direction.	Try
HTML5 \| <progress> Tag	It is used to represent the progress of a task.	Try
HTML5 \| <meter> Tag	It is used to define the scale for measurement in a well-defined range and also supports a fractional value.	Try
HTML5 \| <wbr> Tag	It is used to define the position within the text which is treated as a line break by the browser.	Try
HTML5 \| mark Tag	The <mark> tag in HTML is used to define the marked text.	Try
HTML5 \| <header> Tag	The <header> tag in HTML is used to define the header for a document.	Try
HTML5 \| <footer> Tag	The <footer> tag in HTML is used to define a footer of HTML document.	Try
HTML5 \| article tag	The <article> tag is used to represent an article.	Try
HTML5 \| <aside> Tag	The <aside> tag is used to describe the main object of the web page in a shorter way like a highlighter.	Try
HTML5 \| <section> Tag	Section tag defines the section of documents such as chapters, headers, footers or any other sections.	Try
HTML5 \| <summary> Tag	The <summary> tag in HTML is used to define a summary for the <details> element.	Try
HTML5 \| <details> tag	The <details> tag is used for the content/information which is initially hidden but could be displayed if the user wishes to see it.	Try
HTML5 \| Semantics	Semantic elements have meaningful names which tells about type of content.	Try
HTML5 \| Mathematical operators	Mathematical Operators are used for representation of mathematical and technical operators.	Try
HTML5 \| Video	The “video” element specifies a standard way to embed a video on a web page.	Try

Suggest improvement

HTML Global Attributes

HTML5 MathML Complete Reference

Share your thoughts in the comments

HTML List

HTML Graphics

HTML Tutorial References

HTML List

HTML Graphics

HTML Tutorial References

HTML5 Complete Reference

html

Please Login to comment...

Similar Reads

What kind of Experience do you want to share?