Open In App

HTML5 Complete Reference

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Share
Report issue
Report

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



Last Updated : 19 Jun, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads