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
HTML5 Articles
Found 109 articles
Create 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 MoreImplementing CSS Shapes for Creative Text Wrapping
Introduction Traditionally, wrapping up any content on a webpage such as texts relies on rectangular boundaries. Of course, it’s functional but sometimes it feels rigid as developers are cornered with a limited option and there is little to no room for flexibility. But with CSS shapes, designers and developers can break free from these constraints creating layouts that are visually appealing and dynamic. What are CSS Shapes CSS Shapes are unique CSS features that allow text to flow around images seamlessly and around custom shapes such as circles and polygons, enabling designs that were previously difficult to achieve with CSS ...
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 MoreHTML5 Fonts for Macintosh Systems
Due to the fact that the browser doesn't need to download any font files because it is already using one, utilizing the system font of a specific operating system by default can improve efficiency. But it is true of any web-safe typeface. System fonts have the advantage of matching the fonts that the current OS uses, making them visually pleasing. There are some fonts from the Microsoft list that are also compatible with Macintosh Systems. Those are Andale Mono, Arial, Arial Black, Comic Sans MS, Courier New, Impact, Trebuchet, Verdana, Symbol, Webdings and Times New Roman The fonts ...
Read Moreinput type week really exist in HTML5?
The tag designates a field for user-enterable data. The most significant form element is the element. Depending on the type attribute, the element can be presented in a number of different ways. The input element denotes a field for a week input because it has the value "week" in its type property. Instead of requiring users to input the value as a string, these fields could be represented in supporting browsers by controls that let users update it graphically (such as a calendar, for example). Let’s jump into the article to discuss more about input type week ...
Read MoreRadial Gradient HTML5 Tag
The progressive change from one hue to another is known as a gradient. It lets designers practically invent a new hue. By giving a design a new level and reality, gradients help objects stand out. We can find three types of gradients in HTML, but the given task we are going to perform is about radial gradient. Let’s discuss for getting a better understanding of radial gradient HTML5 tag. Radial Gradient A radial gradient differs from a linear gradient. It radiates outward from one central point. The gradient will by default have an elliptical shape, be the largest corner, start ...
Read MoreUsage of autofocus HTML5 attribute
We received a greatness from HTML5. Basic HTML can now be used to carry out tasks that JavaScript and Flash previously handled, such as basic form validation, INPUT placeholders, and audio/video. The autofocus attribute in HTML allows us to automatically focus on components when the page loads, which is another straightforward feature. When the autofocus property is present, the page loads with the INPUT, TEXTAREA, or BUTTON element already chosen. This property is particularly helpful on pages whose primary goal is information gathering. Autofocus HTML5 attribute An element should be focused when the page loads or when the a ...
Read MoreDifference between datetime and datetime-local in HTML5
The datetime-local input is different from the other one in that it excludes the time zone. Use datetime-local if your application doesn't care about the time zone. The datetime input type is still catching up with some browsers. Let’s look into further for getting better understanding between datetime and datetime-local in HTML5 HTML5 datetime The machine-readable date and time of the element is defined by the HTML datetime Attribute. The time and date are entered in the following format: YYYY-MM-DDThh:mm:ssTZD. Syntax Following is the syntax for HTML datetime Let’s look into the following example ...
Read More