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
Articles by Aman Gupta
Page 6 of 7
How to create animations using relative value in jQuery
Overview The relative values are the values which are incremented or decremented with respect to any units. In the relative while performing the animation the object is not reset to its initial position but it starts growing from its current state. So to create a relative value animation can be achieved by using the jQuery ‘animate()’ method with any selector element. So we will learn how to use the relative value with animate method in jQuery with an example which will help you to learn about the relative value and animation. Syntax The syntax of the animate() method with respect ...
Read MoreHow to create outline button in Bootstrap 4
Overview Bootstrap is a Cascading Styles Sheet (CSS) framework which provides us with a different style and layout of buttons. So to use the bootstrap buttons we need to import the Content Delivery Network (CDN) link of bootstrap to our HTML document, the link can be imported from the official page of bootstrap. The official page provides the link in various bootstrap versions. To create the outline button using the bootstrap we need to import the certain classes to our HTML element. These classes are btn, btn-outline-colorName. We can change the color of the button by replacing the colorName with ...
Read MoreHow to create a rainbow using HTML5
Overview The task is to create a beautiful rainbow using the HTML5 version. The rainbow consists of the seven colors, these seven colors are Violet, Indigo, Blue, Green, Yellow, Orange and Red. These colors are arranged in the bottom-up approach. So to achieve this task we will use the Scalable Vector Graphics tag which helps us to create the graphics shape inside a HTML page. Inside the svg element we have several elements by which we can draw the shape. These tags are: rect, circle, ellipse, line, polyline, polygon and path. Syntax The syntax used to create the ...
Read MoreHow to create radio button similar to the toggle button using Bootstrap
Overview We can create a radio button same as the toggle button which can be used in our web application in the part where we have to choose the options or regarding changing actions. In creating the radio button we can use the bootstrap predefined classes which will help us to build a radio button. A toggle button is a button which is the same as a normal button toggleable button and a radio button is a button with a checkbox like shape in front of the option. Content Delivery Network (CDN) Links These CDN links are used to ...
Read MoreHow to create a pop-up div on mouse over and stay when click using jQuery
Overview The pop-up div can be created with the help of HTML, CSS and the functioning of which can be done with the help of ‘Javascript’ library ‘jQuery’. To make the mouseover and stay functionality to the div jQuery has a built in pre defined function. The two functions which are mainly used in this task are − mouseover − This function triggers when the mouse is over the selected element. mouseout − This function triggers when the mouse leaves the are of the selected element for mouse over. Algorithm Step 1 − Create a ...
Read MoreHow to create nofollow link using HTML5
Overview In simple language, a “nofollow” link is a link which tells the google search engine to not to follow the particular link. As when it comes to the search engine optimization of the page, time the links play a vital role in the ranking of the page. In the HTML5 we can make any link a nofollow link by assigning the nofollow attribute to the anchor tag. Syntax The basic syntax used to create any link a nofollow link is −
Read MoreHow to create a multiline input control text area in HTML5
Overview The text area is an HTML tag which is used to write a multiline text in it. So to control the multiline text inside the text area can be achieved with the help of some predefined HTML attribute. These HTML attributes are maxlength, minlength, rows, column and readonly. By using these attributes we can control the text inside the text area. Syntax The syntax to create a text area in the HTML is − Algorithm Step 1 − Create a HTML boilerplate in your text editor. Step 2 − Add the text area tag to the body ...
Read MoreHow to create a link with media attribute in HTML5
Overview There are many types of attributes in HTML5, these attributes provide additional functionality to the page. The media attribute is used with the link tag which has different values which are used in different states. These values are: print, all, screen, speech. The ‘print’ value is used with the link tag to provide the print preview of the page. If we want to change style on printing the page then we can use this print value with the media attribute. Sometimes there are some styling for which we had to come up with the same styles for all types ...
Read MoreHow to create Home icon using jQuery Mobile
Overview The home icon can be created from the jQuery mobile icons library. This home icon is useful in the navbar area of a web page for navigation to the home page. So the home icon gives an attractive look to the navbar of the webpage. To create a home icon the jQuery mobile icons library has predefined classes which can be used to create a home icon. These classes can be defined in any element as class name and the home icon will be created for that particular element in which the classes are defined. Approach To ...
Read MoreHow to create a header cell in a table using HTML5
Overview A cell in a table is a convergence of two things, a row and a column. The header is the top row of the table whose columns contain a category name of what category the data will be in below cells. So as in this problem we are going to create a cell for header of a table, so for header cell the convergence of the table row that is “” and convergence of table header column that is “” will create a header cell for a table in HTML5. Syntax The syntax to create header cell in ...
Read More