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
Front End Technology Articles
Page 621 of 652
How to Create Navigation Links using HTML5?
Generating navigation links is a pivotal element of developing websites as it enables users to easily peruse and locate the information they require. In this exposition, we will expound on the procedure of creating navigation links utilizing HTML5, the most recent iteration of the Hypertext Markup Language. HTML5 provides semantic attributes and elements that facilitate the arrangement and exhibition of content on the internet. With the guidance of this piece of writing, you will acquire the knowledge of utilizing HTML5 to establish a navigation menu that is coherent, structured, and easy to use. Syntax ...
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 MoreHow to create Grid icon using jQuery Mobile
Overview The Grid icon in any web application can also be developed using jQuery Mobile, as the jQuery mobile icon library provides the benefit of many icons. So to create the jQuery Grid icon there are some pre-built classes by the jQuery icon library that can be used to create the grid icon. As we define the class name for any element in the bootstrap to create a component the same as it is we have to define the class in the HTML element which will create a grid icon. Approach To create a clickable grid icon button ...
Read More