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
Web Development Articles
Page 59 of 801
How to create a pill navigation menu with CSS?
The Pill navigation menu is used for navigation and enhances user experience. The navigation items are set within it. The element is used to create a menu and works the same for pill navigation menu as well. Let us see how to create a pill navigation menu on a web page. Create a pill navigation menu First, we will create a menu using the element. The links are set using the element − Home Login Register Contact Us More Info ...
Read MoreHow to create a password validation form with CSS and JavaScript?
On a registration page, you must have seen an input filed to set the password. On entering the password, the validation system suggests you how to construct a password. For example, a password should have at least a number, character, it should be minimum 8 characters. In this tutorial, we will see how to set the same password validation form on a web page. On typing to set the password the validation system will suggest the correct suggestions. Let us see how. Create a form The element is used to create a form on a web page. Two ...
Read MoreHow to Create a Parallax Scrolling Effect in CSS?
By specifying different speeds for background and foreground content, we can create a parallax scrolling effect using CSS. On scrolling up and down, you can easily notice the difference, Mostly, you can find such effect on the home page of a website. Set the image First, place and image using the background-image property. With the url, the link of the background image is sourced − background-image: url("https://www.tutorialspoint.com/static/images/home/coding-groundhero.svg"); Set the height You need to set a minimum height using the min-height property − min-height: 500px; Create the parallax scrolling effect The parallax scrolling effect can be set ...
Read MoreHow to create a pagination with CSS?
When you give page numbers to each page of a book, it is called pagination. On a website, pagination allows dividing pages and is a series of interconnect pages. It divides and sets ordinal number pf pages. For example, the first 1, 2, 3, 4, 5 pages links are visible on a web page to make it easier for users to navigate related content. Let us see how to create a pagination on a web page with the previous and next links as well. Create links for pagination The links are set using the element. A div is set ...
Read MoreHow to create a navigation menu with an input field inside of it?
On a web page, you may need to place an input field on a navigation menu. Such input field can be used as a search box for the users to search anything on the website. To place the search input field on the right, use the float CSS property and set it to the right value. Create a navigation menu The element is used to create a menu on a web page. The menu links are set using the element − Home Login Register Contact Us More Info ...
Read MoreWebflow Alternatives
Webflow Alternatives Webflow is a platform which can be used to design different types of websites. There are many tools available on the platform which are used for website design and development. These tools are hosting, content management systems, web design and development tools, and e-commerce. The web designer and development tool converts the design into code written in HTML, CSS, and JavaScript. CMS is a web development tool which is free from code. It consists of all the designer elements which can be used to organize the content that you want to publish. The e-commerce tool lets you make ...
Read MoreHow to add copyright symbol to your HTML document?
HTML, which stands for HyperText Markup Language, is a combination of Hypertext and Markup language which we can use to structure a web page and its content. In this article, we will see how we can add the copyright symbol to our web page. Approach The copyright symbol is not present on the keyboard. Therefore, we must use another method to add this to our webpage. We are going to see three different methods − Using hexadecimal code Using HTML code Using HTML entity Method 1: Using Hexadecimal Code The hexadecimal code for the copyright symbol is © ...
Read MoreHow to add an article in HTML5?
In this article we are going to learn about how to add an article in HTML5. One of the new sectioning elements in HTML5 is the tag. An article is represented in HTML using the tag. More specifically, the content contained in the element is distinct from the rest of the site's content (even though it can be related). Let’s consider the following examples to know how to add an article in HTML5 Example 1 In the following examples we are using inline styling in an article element. ...
Read MoreHow do I wrap text in a \'pre\' tag in HTML?
In this article we are going to learn how to wrap a text in tag in HTML. The HTML tag is used to present preformatted block of text. Preformatted text refers to text that has already been formatted and should not be formatted further. The tag also takes a closing tag () like lot of other HTML elements. Syntax Following is the basic syntax for tag. Enter text here… When you present a text in the webpage via tag, it is shown in the format you wrote it ...
Read MoreHow Would I Crop A HTML IFrame?
Inline Frame is known as iframe in HTML. The tag designates a rectangular area within the content where a different document, complete with scroll bars and borders, may be displayed by the browser. To embed another document inside the current HTML document, use an inline frame. An element's reference can be specified using the HTML iframe name property. In JavaScript, a reference to an element is also made using the name attribute. Iframes are essentially used to display a webpage inside the one that is now shown. The URL of the document that contains the iframe is specified ...
Read More