Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
While creating the responsive design for the application, it is also necessary to create a responsive card designs. Sometimes, developers require to add a hover effect on the card. So, when the user hovers over the card, it should change the style of the card. Here, we will learn to add a hover effect on the card and change the CSS whenever the user hovers over the card. Syntax Users can follow the syntax below to add the hover effect to the card. .card:hover { /* add css to set to element on hover */ ... Read More
Overview Indexing are the numbers which indicate the points or a position of a sentence. In HTML, we can do indexing in two ways: Unordered List (ul) and Ordered List (li). To make a list with a roman number in HTML we use the tag, the roman number is the number which is written in sequence so we use ordered list instead of unordered list. To make the ordered list with a roman number we should define the type of ordered list, that is the indexing in the list should be ‘a’, ’A’, ’I’ or ‘i’. So to make ... Read More
The fillRect() method of the HTML canvas is used to create a filled rectangle on the web page. The default color is black. The element allows you to draw graphics on a web page using JavaScript. Every canvas has two elements that describes the height and width of the canvas i.e. height and width respectively.Following is the syntax −context.fillRect(p, q, width, height);Above, p: The x-coordinate of the upper-left corner of the rectangleq: The y-coordinate of the upper-left corner of the rectanglewidth: Width of the rectangleheight: Height of the rectangleLet us now see an example to implement the fillRect() method ... Read More
To hide a Bootstrap class, use the .hidden class.Example You can try to run the following code to hide a class − Bootstrap Example This class is visible. This is an example for hide class. This will be hidden.
To create a file on upload button with HTML, the code is as follows −Example File upload button example Click on the "Choose File" button to upload a file: OutputThe above code will produce the following output −On clicking the “Choose file” button −
The URL input type is used in HTML using the . Using this, allow users to add URL input type. On some browsers, the URL entered will be validated i.e. if you miss .com, while adding URL, then it won’t submit the form and will show an error i.e. “Please enter a URL”.ExampleYou can try to run the following code to learn how to use URL input type in HTML − HTML input URL Details: Student Name Student Website
The tag defines a break in an HTML page, or it is used to separate content in an HTML page using a horizontal line and is most often displayed as a horizontal rule. The tag defines a break with the horizontal line in an HTML page. The tag is an empty element. It only has an opening tag i.e, . Syntax Following is the syntax for the tag. ... Example Following is the example program, which uses tag to separate content on the web page. DOCTYPE html> LOK SABHA ... Read More
Use the playbackRate property sets the current playback speed of the audio/video. With that, the defaultPlaybackRate property sets the default playback speed of the audio/video. Change the playing speed of videos You can try to run the following code to change the playing speed of videos − /* play video thrice as fast */ document.querySelector('video').defaultPlaybackRate = 3.0; document.querySelector('video').play(); Play video twice as fast The following is to play the video twice as fast − /* play video twice as fast */ document.querySelector('video').playbackRate = 2;
To clear the canvas for redrawing, use the canvas.clearRect() method in HTML. It clears the specified pixels. The parameters of the method includes − x − The x-coordinate to clear y − The y-coordinate to clear width − The width of the rectangle to clear height − The height of the rectangle to clear Let us see an example to create a canvas and clear it on the click of a button for redrawing in JavaScript. Here’s our canvas code that creates a canvas − var c = document.getElementById("myCanvas"); var ctx = c.getContext("2d"); ctx.strokeRect(5, 5, 25, 15); ctx.scale(2, ... Read More
In the article, the users are going to merge two arrays. The users create any type of two arrays as input like arr1[] and arr2[] with the examples. The users have to create the two types of arrays with multiple elements as the inputs and it presents the result with different elements as the output. Print all of the elements of the array in the sorted sequence in Java programming language. Two approaches are illustrated in this article. The first approach uses the concept of the arrays whereas the second approach represents the Map function to merge to arrays. The ... Read More