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
Articles by Yaswanth Varma
Page 10 of 31
How to add a Login Form to an Image using HTML and CSS?
The login form on an image can be found on many websites. An organization that organizes a special event might have a website with a picture of the event and a login form, or a restaurant might have a website with pictures of the restaurant. In such case we use image to make a login or signup. Compared to a standard login or registration form, this layout makes the website more appealing. In order to create a login form on a picture, we only need HTML and CSS. Before we dive into the article let’s have a quick view ...
Read MoreHow To Create A Text Inside A Box Using HTML And CSS
To create a text inside a box using HTML and CSS, we will be understanding most commonly used approaches in this article. We are having a element, inside that element we will have element. We need to to place some charecter of the p element inside a box, or create a border surrounded those charecters. Approaches to Create a Text Inside a Box Using span element with CSS Using CSS flexbox Creating a Text inside a Box Using span Element To create a text inside a box using ...
Read MoreJavaScript regex - How to replace special characters?
Characters that are neither alphabetical nor numeric are known as special characters. Special characters are essentially all unreadable characters, including punctuation, accent, and symbol marks. Remove any special characters from the string to make it easier to read and understand. Before we jump into the article let’s have a quick view on the regex expression in JavaScript. Regex expression in JavaScript Regular expressions are patterns that can be used to match character combinations in strings. Regular expressions are objects in JavaScript. These patterns can be used with the exec() and test() methods of RegExp as well as the match(), matchAll(), ...
Read MoreJavaScript - Get href value
JavaScript Get href Value is a useful tool for web developers and designers who need to quickly access the value of an HTML element's href attribute. This article will provide step-by-step instructions on how to use JavaScript to get the value of an href attribute on a webpage, as well as some tips and tricks for getting the most out of this powerful feature. The ability to quickly obtain the values from an HTML element's attributes can help make development faster and more efficient, so let's get started! The value of the href attribute in JavaScript is a URL ...
Read MoreCreating a Navigation Bar with three Different Alignments using CSS
In HTML, a navigation bar is a group of buttons and images arranged either in a row or a column and used as a control site for linking particular webpages. It is regarded as one of the fundamental tools used in web design. Without affecting the content of the pages, the HTML navigation bar separates structure from content and adds creativity to the layout of the website. Using HTML, we create a navigation bar, and CSS gives it a beautiful appearance. Additional functionality may be added using JavaScript. In HTML, a navigation bar can be implemented in a variety of ...
Read MoreCreating A Range Slider In HTML using JavaScript
On web pages, range sliders are used to let users specify a numeric number that must fall between a specified value and not more than that value. In other words, it enables selection of a value from a range that is shown as a slider. Instead of a text entry box like the "number" input type, a Range slider is often represented by a slider or dial control. When an exact numerical value is not required, it is utilized. However, it may be more difficult than you think to add a slider widget to a web page. Yes, you can ...
Read MoreCreate a Circular Progress Bar using HTML and CSS
A progress bar displays the status of a procedure within an application. A progress bar shows how much of the process has already been completed and how much is still left to do. The various components of the progress bar will be designed using HTML, and the progress bar itself may be modified using CSS properties. Progress bars are frequently used on websites to highlight particular data in a more appealing way for users. One advantage of employing a circle progress bar over a standard (horizontal) progress bar is that you can accommodate more progress bars in one row, showing ...
Read MoreCreate a Sticky Social Media Bar using HTML and CSS
Utilizing social media helps your internet business attract more clients. Any website can benefit greatly from social media buttons, which enable users to receive updates directly from the website. Additionally, a sticky social bar helps to boost visitors to your website and grows your social media following. In this article we will discuss how to use CSS to make a sticky social media bar without affecting the look and feel of your website. Several jQuery plugins are available for floating sidebars, however they could affect the speed and appearance of your website. We'll use CSS code to add an animated ...
Read MoreDesign a Rotating card effect using HTML and CSS
The effect on cards that will spin slightly when you move your mouse over them is known as rotating cards. Hovering over the cards will reveal any information, links, or images that are present on them. Let’s dive into the article where we are going to design a rotating card effect using HTML and CSS, in which we are going to use the HTML tag. Before we jump into the article, let’s have a quick look at the tag. HTML tag The tag is also known as the Division tag. HTML uses the tag to ...
Read MoreDifference between Transitional and Strict doctype
HTML documents employ DOCTYPE declarations to identify the HTML version being used and to instruct web browsers to render content in a variety of ways. You must begin each HTML document you code with a declaration. just before the tag is where the doctype is declared. Let’s dive into the article to learn more about the difference between transitional and strict doctype. The two primary DOCTYPE declaration are "Transitional" and "Strict, " with each providing a different function in terms of describing how a web page should be read and produced. Before that let’s have a quick view ...
Read More