Found 132 Articles for HTML5

The element in HTML5 represents self-contained content (such as images, diagrams, code listings, illustrations, etc.) along with an optional caption, that is specified using the element. The figure, its caption, and its contents are referenced as a single unit. Usually, the element is referenced in the main flow of a document. Even if we remove or move it to another part of the document, the figure wouldn’t affect the flow of the document. The main flow remains uninterrupted. Use of tag Before HTML5, there is no way to add a caption to the image semantically through ... Read More

We can create a 3D cube using the element and JavaScript in HTML5. The following document defines a canvas element with a width and height of 400 pixels, and uses JavaScript to get the canvas context to draw on the canvas. The cube is drawn using three separate faces: the front face, the top face, and the right face. This element is helpful in rendering 2D and 3D graphics in web browsers. Another alternate method to create a 3D cube is by using CSS 3D transitions, which allows us to create and animate the 3D cube, and WebGL which ... Read More

An Accordion is a collapsible UI component which is used to make the web pages more visually appealing. The Accordion has some sections and child sections which represent the collapsible sections. In this each element has a header which when clicked shows another section which has some more details about the header. This also allows only one header to be open at a time. Some Useful Methods used for enabling accordian Destroy: This is used to destroy the accordion. Disable: This is used to disable the accordion. Enable: This is used to enable an accordion. Some useful Events ... Read More

Text may be emphasized in documents using a variety of HTML5 features and may aid in highlighting crucial information and make it simpler for readers to recognize vital elements right away. A frequently followed technique to emphasize a text is to make the text bold. Different tags are used in HTML like − , , etc to emphasize text, superscript text, add chemical formulations, and mathematical formulas. Syntax bold italic underline Example In this example, we will examine the different types of techniques to emphasize a text in an HTML5 document, such as &minus b> tag ... Read More

Script tag is used to make the webpage dynamic, however heavy scripts can result in slow rendering of the webpage which ultimately results in poor user experience. To solve this issue, we asynchronously execute the scripts in the webpage i.e. the javascript is downloaded in parallel with other website elements and starts to execute as soon as it is completed. To load scripts asynchronously two popular approaches used are: Async attribute: The scripts are downloaded in parallel and start to execute as soon as downloading is complete. Defer attribute: The scripts are downloaded in parallel and only starts to ... Read More

HTML tables are commonly used to present data in a structured manner. Tables consist of rows and columns where each row represents a record and each column represents a field in that record. In some cases, you may want to group the content in the body of the table, such as when you have multiple data points that belong together. In this blog post, we will explore different methods to group body content in HTML tables. Method 1: Using the Element The simplest way to group body content in an HTML table is to use the element. The ... Read More

When displaying data in an HTML table, it is often useful to group the header content of the table to provide more context to the data being displayed. Grouping header content can make it easier for users to understand the relationships between the data and to identify patterns or trends. In this article, we'll discuss several methods for grouping header content in an HTML table using HTML5. Method 1: Using the and Elements The most straightforward way to group header content in an HTML table is to use the and elements. The element is used ... Read More

The HTML (navigation section element) represents a section of a page that holds navigation links either within the current document or to other external documents. This tag is commonly used for navigation between sections of the HTML document, table of contents, and indexes. Now, we will discuss both scenarios i.e. navigation between the sections of the same HTML document and navigating to external documents with suitable examples further in this article. Example In the following example, we are specifying navigation links (using tags) to some sections in the same HTML document. nav ... Read More

The HTML tag specifies an inline frame (container). This inline frame is used to embed another document within the current HTML document. The "srcdoc" attribute of the tag is used to specify the HTML content of the page to be displayed in the . HTML Tag The alternative tag to iframe in HTML is tag. It is similar to the iframe tag which defines a container for external resources such as a picture, a webpage, a media player, or a plug-in application. Following are the attributes of the HTML tag − height − ... Read More

In recent years, the web platform has evolved significantly, enabling developers to create more powerful and interactive applications. With the introduction of HTML5 and JavaScript, developers now have the tools to build not just websites but also games that can run directly in the browser. In this article, we will explore the process of building a Progressive Web Game using JavaScript and HTML5 Canvas, with a practical example of a "Brick Breaker" game. What are Progressive Web Games? Progressive Web Games are web-based games that leverage modern web technologies to provide a rich and immersive gaming experience. They are ... Read More