Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
HTML5 Articles
Found 109 articles
How to Execute a Script Asynchronously in HTML5 ?
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 are used − 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 ...
Read MoreHow to Emphasize Text in a Document using HTML5?
Text may be emphasized in documents using a variety of HTML5 elements to highlight crucial information and make it easier for readers to identify important content. HTML5 provides both presentational and semantic elements for text emphasis, each serving different purposes in document structure and meaning. Different tags are used in HTML like , , , , , , , , and to emphasize text, add superscript and subscript formatting, and provide semantic meaning to content. Syntax Following are the syntax patterns for common text emphasis elements − bold text italic text underlined text strongly ...
Read MoreHow to add a container for an external (non-HTML) application in HTML5
To add a container for an external application in HTML5, we use the tag. It defines a container for an external resource like web pages, media players, pictures, or plug-in applications. The embed element is a self-closing tag that provides a generic way to include external content when more specific HTML5 elements are not suitable. Syntax Following is the basic syntax for the embed tag in HTML − The tag is self-closing and does not require a closing tag. It supports global and event attributes in HTML5. Attributes The ...
Read MoreBuilding Progressive Web Games with JavaScript and HTML5 Canvas
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. ...
Read MoreHow to set the duration of animation on a Line using FabricJS?
In this tutorial, we are going to learn how to set the duration of animation on a Line using FabricJS. A Line element is one of the basic elements provided in FabricJS. It is used for creating straight lines. Because line elements are geometrically one-dimensional and do not contain an interior, they are never filled. We can create a line object by creating an instance of fabric.Line, specifying the x and y coordinates of the line and adding it to the canvas. In order to change the duration of animated text we use the duration property. Syntax ...
Read MoreImplementing CSS Shapes for Creative Text Wrapping
CSS Shapes allow text to flow around custom shapes, breaking free from traditional rectangular boundaries. This powerful feature enables designers to create magazine-style layouts and visually appealing designs with dynamic text wrapping around circles, polygons, and irregular images. Syntax selector { shape-outside: circle() | ellipse() | polygon() | url(); float: left | right; clip-path: circle() | ellipse() | polygon(); shape-margin: value; } Core CSS Properties shape-outside Property The shape-outside property defines the area around which text should ...
Read MoreCreate a media resources for media elements, defined inside video or audio elements in HTML5
HTML5 supports five media elements, that are useful for creating media resources. The different media tags are , , , and . These tags are used to change the development, let us discuss each element in detail with an example − The tag To play videos on your web page, you can use the HTML element. This element provides a standard way to embed videos in a webpage. The simple code to embed a video is as follows − Your browser does not support the ...
Read MoreHow to Parse XML File in Bash Script?
XML stands for Extensible Markup Language. It's a widely used format that is used to exchange data between systems. Many applications are based on XML as their configuration files. Even the very well-known document application, Office, is based on XML. What makes XML very popular is that it is written in plain text, which makes it easy to work with and also independent. It can be used in any programming language. Unlike HTML and other markup languages, XML doesn't come with predefined tags that you need to remember and use. With XML, you can use tags of your choice ...
Read MoreThe most important APIs in HTML5?
API is also known as "Application Programming Interface." It is a collection of definitions, tools, and protocols that enables interaction and communication across various software programs. Developers can engage with a service, library, or platform without having to understand all the techniques of how it operates since APIs define the methods and data structures they can utilize. APIs are essential for the development of software because they let programmers use the features and services offered by other software components to create more complex applications. They advance modularity and collaboration amongst various software systems. Let’s dive into the article to learn ...
Read MoreDrop Shadow with HTML5 Canvas
In HTML5 canvas, you can add shadows to shapes, lines, texts, and images to give them the appearance of depth. You can use the following canvas context attributes to add shadows when using the HTML5 canvas. shadowOffsetX() shadowOffsetY() shadowColor() shadowBlur() shadowOffsetX() The property can be used to get or set a shadow's horizontal distance of a shadow from a page. To change the location of a shadow, you can use positive or negative numbers. Zero is the default value. Syntax Following is the syntax for shadowOffsetX() ctx.shadowOffsetX = h_distance; where h_distance belongs to the horizontal distance ...
Read More