HTML5 Complete Reference
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" >w3wiki</ div > < aside > < div >A computer science portal for Beginner</ 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. | |
HTML5 | Editors | HTML text editors are used to create and modify web pages. | |
HTML5 | Basics | There are various tags that we must consider and include while starting to code in HTML. | |
HTML5 | Attributes | All HTML elements have attributes that will provide additional information about that particular element. | |
HTML5 | Paragraph | The <p> tag in HTML defines a paragraph. | |
HTML5 | Text Formatting | HTML facilitates the ability for formatting text just like we do in any text editing software. | |
HTML5 | Quotations | The Quotation elements in HTML are used to insert quoted texts in a web page. | |
HTML5 | Tables | HTML Table is an arrangement of data in rows and columns, or possibly in a more complex structure. | |
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. | |
HTML5 | Spell Check | The Spell Check feature in HTML is used to detect grammatical or spelling mistakes in the text fields. | |
HTML5 | Color Styles and HSL | Colors are used to make the page more attractive. | |
HTML5 | Geolocation | Geo-location is used to share the location with some websites and be aware of the exact location. | |
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. | |
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. | |
HTML5 | Images | By adding images, we can make our websites more attractive. | |
HTML5 | Doctypes | A doctype declaration is an instruction that tells the web browser about the markup language in which the current page is written. | |
HTML5 | Layout | Page layout is the part of graphic design that deals with the arrangement of visual elements on a page. | |
HTML5 | File Paths | A file path specifies the location of a file inside a web folder structure. | |
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. | |
HTML5 | Links | Link is a connection from one web resource to another. | |
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. | |
HTML5 | SVG-Basics | SVG defines vector-based graphics in XML format. | |
HTML5 | Canvas Basics | The HTML “canvas” element is used to draw graphics via JavaScript. | |
HTML5 | Computer Code Elements | The <code> tag in HTML is used to define the piece of computer code. | |
HTML5 | Entities | HTML provides some Entity names and Entity numbers to use symbols which are normally not present in basic keyboard. | |
HTML5 | canvas drawImage() Method | canvas drawImage() function is used to display an image or video on canvas. | |
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. | |
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. | |
HTML5 | rp Tag | The <rp> tag in HTML is used to provide parentheses around a ruby main text which defines the information. | |
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. | |
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. | |
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. | |
HTML5 | figcaption Tag | The <figurecaption> tag in HTML is used to set a caption to the figure element in a document. | |
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. | |
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. | |
HTML5 | <dialog> Tag | The <dialog> tag is used to specify the dialog box or window. | |
HTML5 | <bdi> Tag | It differentiates a text from other text that may be formatted in a different direction. | |
HTML5 | <progress> Tag | It is used to represent the progress of a task. | |
HTML5 | <meter> Tag | It is used to define the scale for measurement in a well-defined range and also supports a fractional value. | |
HTML5 | <wbr> Tag | It is used to define the position within the text which is treated as a line break by the browser. | |
HTML5 | mark Tag | The <mark> tag in HTML is used to define the marked text. | |
HTML5 | <header> Tag | The <header> tag in HTML is used to define the header for a document. | |
HTML5 | <footer> Tag | The <footer> tag in HTML is used to define a footer of HTML document. | |
HTML5 | article tag | The <article> tag is used to represent an article. | |
HTML5 | <aside> Tag | The <aside> tag is used to describe the main object of the web page in a shorter way like a highlighter. | |
HTML5 | <section> Tag | Section tag defines the section of documents such as chapters, headers, footers or any other sections. | |
HTML5 | <summary> Tag | The <summary> tag in HTML is used to define a summary for the <details> element. | |
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. | |
HTML5 | Semantics | Semantic elements have meaningful names which tells about type of content. | |
HTML5 | Mathematical operators | Mathematical Operators are used for representation of mathematical and technical operators. | |
HTML5 | Video | The “video” element specifies a standard way to embed a video on a web page. |
Contact Us