The Wayback Machine - https://web.archive.org/web/20241001012001/https://www.geeksforgeeks.org/html5-complete-reference/
Open In App

HTML5 Complete Reference

Last Updated : 19 Jun, 2023
Summarize
Comments
Improve
Suggest changes
Like Article
Like
Save
Share
Report
News Follow

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
                        














                                    


                                                                          

                                        

                                                                              

                                                                        

                                        

                                            

                                                

                                                    
V

        

            
        

        

                                                

                                                

                                                    Vishal_Khoda                                                

                                            

                                            

            
                                        

                                        

                                            

                                                
                                                    News
                                                
                                            

                                            
    

        
        
    
                                            

                                                
                                                
                                            

                                            

                                            Improve
                                                
                                            

                                        

                                    



                            

                                                            

                                    
                                        
                                        Previous Article
                                    
                                    
                                    

                                        HTML Global Attributes
                                    

                                

                                                            

                                    
                                        Next Article
                                        
                                    
                                    
                                    

                                        HTML5 MathML Complete Reference
                                    

                                

                                                        

                        

                                                

                        
                                                    

                                
Similar Reads

                                

                                    
        
            

                
HTML5 MathML Complete Reference

                
The MathML comes in HTML5 the current MathML version is 3 it was introduced in the year 2015. The MathML stands for Mathematics Markup Language. It is used to represent mathematical equations or expressions in web browsers like other HTML elements. The MathML is used to describe mathematics as a basis for the machine to machine communication, it is

            

            
            

                
                3 min read
            

        
    
        
            

                
HTML5 MathML Attribute Complete Reference

                
The MathML comes in HTML5 the current MathML version is 3 it was introduced in 2015. The MathML stands for Mathematics Markup Language. It represents mathematical equations or expressions in web browsers like other HTML elements. The MathML is used to describe mathematics as a basis for machine-to-machine communication, it is intended to be handled

            

            
            

                
                4 min read
            

        
    
        
            

                
PHP Calendar Functions Complete Reference

                
The calendar extension contains a series of functions to represent the calendar date into a different format. The standard date is based on Julian Day Count. The date count starting from January 1st, 4713 B.C. is known as Julian Day Count. First, the date is converted into Julian Day Count and then converted into a calendar system. Example: The pro

            

            
            

                
                2 min read
            

        
    

        
            

                
Blaze UI Objects Complete Reference

                
Blaze UI is a free & open-source (MIT Licence) Framework with a lightweight UI Toolkit that provides a great structure for building websites quickly with a scalable and maintainable foundation Blaze UI Objects List: Blaze UI Containers Blaze UI Container sizesBlaze UI Containers NestingBlaze UI Containers Vertical AlignmentBlaze UI Container Re

            

            
            

                
                1 min read
            

        
    
        
            

                
Node.js String Decoder Complete Reference

                
The string Decoder module provides an API for decoding Buffer objects into strings. Example: C/C++ Code // Node.js program to demonstrate the // stringDecoder.write() Method // Import the string_decoder module // and get the StringDecoder class // using object destructuring const { StringDecoder } = require("string_decoder"); // Create a

            

            
            

                
                1 min read
            

        
    
        
            

                
CSS Selectors Complete Reference

                
CSS selectors are used to select HTML elements based on their element name, id, class, attribute, and many more. Example: Below the HTML/CSS code shows the functionality of ::after selector. C/C++ Code <!DOCTYPE html> <html> <head> <style> p::after { content: " - Remember this"; background-color: blue; } </style

            

            
            

                
                4 min read
            

        
    
        
            

                
jQuery Mobile Pagecontainer Widget Complete Reference

                
jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. The Pagecontainer Widget is used to manage the collection of pages in jQuery Mobile. jQuery Mobile Pagecontainer Widget Options jQuery Mobile Pagecontainer classes OptionjQuery Mobile Pagecontainer defaults Optionj

            

            
            

                
                1 min read
            

        
    

        
            

                
Foundation CSS Utilities Complete Reference

                
Foundation CSS has different types of utility like Prototyping Utilities Sizing is used to give width and height to an element. There is a various utility that helps to make it easy for us. Complete list Foundation CSS Utility are listed below: Foundation CSS Prototyping Utilities Foundation CSS Prototyping Utilities Enable Prototype ModeFoundation

            

            
            

                
                2 min read
            

        
    
        
            

                
TensorFlow.js Browser Complete Reference

                
TensorFlow.js is an open-source JavaScript library designed by Google to develop Machine Learning models and deep learning neural networks. TensorFlow.js Browser Functions: TensorFlow.js tf.browser.fromPixels() FunctionTensorFlow.js tf.browser.fromPixelsAsync() FunctionTensorFlow.js tf.browser.toPixels() Function

            

            
            

                
                1 min read
            

        
    
        
            

                
jQuery Mobile Loader Widget Complete Reference

                
jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. Loader Widget is used to display the loading dialog when jQuery Mobile pulls in content via Ajax. jQuery Mobile Loader Widget Options jQuery Mobile Loader classes OptionjQuery Mobile Loader defaults OptionjQuery Mo

            

            
            

                
                1 min read
            

        
    
        
            

                
PHP Gmagick Functions Complete Reference

                
Gmagick is the PHP extension used to create, modify and obtain meta information of an image using GraphicsMagick API. The Gmagick consists of Gmagick, GmagickDraw, and GmagickPixel class. Example: Below programs illustrate the Gmagick::getpackagename()Function in PHP: Original Image: C/C++ Code <?php // Create new Gmagick object $im = new Gmagic

            

            
            

                
                3 min read
            

        
    
        
            

                
Node.js HTTP Module Complete Reference

                
To make HTTP requests in Node.js, there is a built-in module HTTP in Node.js to transfer data over the HTTP. To use the HTTP server in the node, we need to require the HTTP module. The HTTP module creates an HTTP server that listens to server ports and gives a response back to the client. Example: C/C++ Code // Node.js program to demonstrate the //

            

            
            

                
                4 min read
            

        
    
        
            

                
HTML DOM Complete Reference

                
HTML DOM: The Document Object Model (DOM) is a programming interface for HTML(HyperText Markup Language) and XML(Extensible markup language) documents. Example: C/C++ Code <!DOCTYPE html> <html> <head> <title>DOM console.count() Method</title> <style> h1 { color:green; } h2 { font-family: Impact; } body { text-al

            

            
            

                
                15+ min read
            

        
    

        
            

                
Fabric.js Line Class Complete Reference

                
Fabric.js is an open-source JavaScript canvas library, which provides the interactive object model built on top of the canvas element. It is also an SVG-to-canvas & canvas-to-SVG parser. The canvas line means the line is movable and can be stretched according to requirement, & contains the customizable option when it comes to initial stroke

            

            
            

                
                2 min read
            

        
    
        
            

                
React Rebass Recipes Complete  Reference

                
React Rebass is a front-end framework that was designed keeping react in mind. React Rebass Recipes is requires recipes of each development like recipes of dishes. There are lots of components in Rebass Recipes like Flexbox Grid Component, Flexbox, wrap component, Nav Bar Component, etc. React Rebass Flexbox Grid ComponentReact Rebass Flexbox Wrap

            

            
            

                
                1 min read
            

        
    
        
            

                
PHP Ds\Deque Functions Complete Reference

                
A deque data structure is used to store the sequence of values in a contiguous memory buffer which grows and shrinks automatically. The deque is the abbreviation of "double-ended queue". Requirements: PHP 7 is required for both extension and the compatibility polyfill. Installation: The easiest way to install data structure by using the PECL extens

            

            
            

                
                3 min read
            

        
    
        
            

                
PHP Ds\Set Functions Complete Reference

                
Set is the collection of unique values. The implementation of Ds\Set is similar to the Ds\Map which creates a hash table. The values of Ds\Set are used as key and the mapped values are ignored. Requirements: PHP 7 is required for both extension and the compatibility polyfill. Installation: The easiest way to install data structure by using the PECL

            

            
            

                
                2 min read
            

        
    

        
            

                
PHP Ds\Map Functions Complete Reference

                
A Map is a sequential collection of key-value pair which is very similar to the array. The key of a map can be of any type and it is unique. If any value added to the same key in a Map then the map value will replace. It is the efficient Data Structure in PHP 7 to provide the alternative of an array. Requirements: PHP 7 is required for both extensi

            

            
            

                
                3 min read
            

        
    
        
            

                
CSS Functions Complete Reference

                
CSS functions are used to set the various CSS property. For example, the attr() function is used to retrieve the value of the HTML attribute. Example: Below example illustrates the radial-gradient() function in CSS: C/C++ Code <!DOCTYPE html> <html> <head> <title>CSS Gradients</title> <style> #main { height: 250p

            

            
            

                
                4 min read
            

        
    
        
            

                
PHP Filesystem Functions Complete Reference

                
The Filesystem function is used to access and manipulate filesystem. It is the part of PHP code so no need to install these functions. For accessing the files on the system, the file path will be used. On Unix system, forward slash (/) is used as a directory separator and on Windows platform, both forward slash (/) and backward slash (\) will be us

            

            
            

                
                4 min read
            

        
    
        
            

                
PHP Image Processing and GD Functions  Complete Reference

                
Image processing and GD functions are used to create and manipulate image files in different image formats including GIF, PNG, JPEG, WBMP, and XPM. PHP can deliver the output image directly to the browser. The image processing and GD functions are used to compile the image functions for this work. It can also require other libraries, depending on t

            

            
            

                
                3 min read
            

        
    
        
            

                
PHP GMP Functions Complete Reference

                
The GMP function uses arbitrary-length integers to perform mathematical operations. The GMP function contains the GMP number as an argument. Example: Program to perform the division of GMP numbers when numeric strings as GMP numbers are passed as arguments. C/C++ Code <?php // PHP program to perform division of // GMP numbers passed as arguments

            

            
            

                
                3 min read
            

        
    
        
            

                
PHP String Functions Complete Reference

                
Strings are a collection of characters. For example, 'G' is the character and 'GeeksforGeeks' is the string. Installation: These functions are not required any installation. These are the part of PHP core. The complete list of PHP string functions are given below: Example: This program helps us to calculate a 32-bit CRC for the string “Hello World”

            

            
            

                
                6 min read
            

        
    

        
            

                
PHP Math Functions Complete Reference

                
The predefined math functions in PHP are used to handle the mathematical operations within the integer and float types. These math functions are part of the PHP core. Installation: These functions have not required any installation. The complete list of PHP math functions are given below: Example: Programs illustrate the decbin() function in PHP: C

            

            
            

                
                3 min read
            

        
    
        
            

                
PHP Imagick Functions Complete Reference

                
The Imagick Function is used to create and modify images using the ImageMagick API. ImageMagick is the software suite to create edit and modify the composing bitmap images. Thisread, writes and converts images in many formats including DPX, EXR, GIF, JPEG, JPEG-2000, PDF, PhotoCD, PNG, Postscript, SVG, and TIFF. Requirements: PHP 5.1.3 and ImageMag

            

            
            

                
                6 min read
            

        
    
        
            

                
PHP IntlChar Functions Complete Reference

                
IntlChar() functions provide access of utility methods which is used to access the information about Unicode characters. The IntlChar methods and constants are close to the names and behavior which are used by ICU (International Components for Unicode) library. Example: programs illustrate the IntlChar::charFromName() function in PHP C/C++ Code

            

            
            

                
                4 min read
            

        
    
        
            

                
PHP ImagickDraw Functions Complete Reference

                
The ImagickDraw class is used to draw the vector-based image using ImageMagick. The vector-based generated image can be saved into the file. Syntax: bool ImagickDraw::s() Example: Below program illustrates the ImagickDraw::point() Function in PHP: C/C++ Code <?php // Create an ImagickDraw object $draw = new \ImagickDraw(); // Set the filled colo

            

            
            

                
                3 min read
            

        
    

        
            

                
PHP Ds\Sequence Functions Complete Reference

                
A Sequence is used to arrange the values in a single and linear dimension way. In some languages, the sequence refers to the List. The sequence is similar to the array which is used as incremental integer keys are listed below: The index value of the sequence are [0, 1, 2, …, size - 1], where size represents the size of the array.The sequence eleme

            

            
            

                
                3 min read
            

        
    
        
            

                
PHP Ds\Vector Functions Complete Reference

                
A Vector Data Structure is used to store the sequence of values in a contiguous memory buffer which grows and shrinks automatically. The vector data structure mapped the index value to its index buffer and the growth factor isn't bound to a specific multiple or exponent. It is the efficient Data Structure in PHP 7 to provide the alternative of an a

            

            
            

                
                3 min read
            

        
    
        
            

                
PHP Ds\Stack Functions Complete Reference

                
Stack is a linear data structure that follows a particular order in which the operations are performed. The order may be LIFO(Last In First Out) or FILO(First In Last Out). The Ds\Stack uses Ds\Vector internally. Requirements: PHP 7 is required for both extension and the compatibility polyfill. Installation: The easiest way to install data structur

            

            
            

                
                2 min read
            

        
                                    

                            

                        

                        

                                                            

                                    
Article Tags : 

                                    
                                                                    

                                                                                

                                                

                                

                                    
                                                                    

                            


                        

                            

                                                                                    

                              

                            

                                                        
                        

                    

                

            

                

        

            

                

                    

                    
                
 
                
    
                            

                                

                            


                            


            

        
  

        

                




	
	
	

	
	

	
	    

	
	

	
	



                
        

    

    

        

            

            

        

    















	

    
  

  
  








    
        We use cookies to ensure you have the best browsing experience on our website. By using our site, you
        acknowledge that you have read and understood our
        Cookie Policy &
        Privacy Policy
            
    







   Lightbox