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 Nikhilesh Aleti
Page 2 of 7
Converting string to an array in JavaScript
The task we need to accomplish is converting an input string to an array in JavaScript. Whenever we try to break a string word into characters or a sentence into words – splitting into arrays, we have some built-in methods to convert string to an array. In this article, we will discuss how to convert the string to an array using different methods in JavaScript. Using the split() method This method will split the string to an array of substrings. This will return the output in a new array and will not change the existing string. The split() method accepts ...
Read MoreHow to create Olympics logo using HTML and CSS?
The given task in this article is to create an Olympics logo using only HTML and CSS. The “Olympic logo” consists of five circles (with five different colors such as blue, black, red, yellow, and green) which are intertwined by equal dimensions. These five colored rings represent the five inhabited continents of the world. These are Africa, the Americas, Asia, Europe, and Oceania. Setting up the Logo Container − We start by creating an element with the class name Olympic-logo. This serves as the container for the Olympic symbol. We set its width, height, background color, position, and ...
Read MoreHow background attribute is deprecated in HTML5?
In this article, we will discuss about the background attribute and how it is deprecated in HTML5. What is Background Attribute? In HTML, the “background” can be used as an attribute with an HTML element (such as div, table, body etc.). We can specify an image to set background of the webpage etc. The most frequently used image formats are PNG, JPEG, and GIF. Syntax Following is the syntax of background attribute with an HTML element − This attribute is DEPRECATED in HTML5 and we are recommended not to use this. Instead, in HTML5, the preferred way ...
Read MoreDifference between normal links and active links
The hyperlinks, which are also known as links, are crucial components in websites nowadays. These are clickable and can be used to navigate between source webpage to different pages or the sections in the same webpage. In most of the websites, the links will appear as underlined and differently colored. Links are categorized into the following types − Unvisited Links Visited Links Active Links Let’s discuss about the links mentioned above with suitable examples further in this article. Unvisited Links In HTML, an unvisited link is a hyperlink that is not yet clicked by the user. By default, ...
Read MoreDifference between link and anchor Tags
While developing a website, we may come across a situation where we need to create a hyperlink to another webpage or to a certain part of the webpage (these links are clickable). Additionally, there can be a situation where we need to add stylings to the content present in the website using external CSS (these are not clickable). These behaviors are achieved by using the HTML and anchor tags. HTML tag In HTML, the tag is used to link the external resources, such as CSS style sheets, or to add a favicon (small image displayed next ...
Read MoreDifference between “blank” and “_blank” target attributes in HTML
Sometimes, we may have noticed links on webpages that leads us to a different webpage. In some websites, if we click on that certain links, they will open in a new browser tab or on a new window and some websites reuse one new browser tab for subsequent clicks on the link. Additionally, some websites use the same original page for the links. These behaviors are achieved by utilizing the HTML target attribute. In this article, we will explore how to use the target="blank" and target="_blank" attributes to open hyperlinks in new tabs. The Target Attribute The target is an ...
Read MoreCreating an Animated Side Navbar using HTML and CSS
A Navigation Bar is a GUI element which allows the users to navigate through a website or application. It is typically a list of links at the top or side of the screen and assists users in navigating to various areas or pages within the website. Navigation bars are implemented in operating systems, file browsers, web browsers, apps, web sites and other similar user interfaces. In this article, we are going to design an animated side navigation bar using HTML, CSS, and JavaScript. How to Create an Animated Side Navigation Bar Following are the steps to design an animated side ...
Read MoreCreate a Letter-Spacing Animation Effect using HTML and CSS
In this article, we are going to create a letter-spacing animation effect using HTML and CSS. To do so, we have CSS letter-spacing property and CSS @keyframes rule. CSS Letter-spacing Property The letter-spacing property in CSS is used to set the horizontal spacing between the text characters. If we assign a positive value for this property, the character spaces will spread farther apart. If we assign a negative value for this property, it brings the characters closer together. Syntax Following is the syntax of CSS letter-spacing property − letter-spacing: value; CSS @keyframes Rule In CSS, the ...
Read MoreCreate a Hoverable Side Navigation with HTML, CSS and JavaScript
A navigation bar is part of a webpage where it contains links to appropriate sections/ pages in a website that helps users in browsing the website fast and effortlessly. The navigation bar can be implemented in many ways, but the traditional way of implementing is horizontal and vertical bars. In this article, we are going to design a vertical side navigation bar using HTML, CSS, and JavaScript. Creating a Hoverable Side Navigation Following are the steps to design hoverable side navigation buttons with HTML, CSS, and JavaScript − Step 1 − Add the following HTML code. ...
Read MoreDOM TableRow insertCell() Method
The HTML DOM TableRow.insertCell() method is used to insert a new cell(s) () into a table row () and returns a reference to the cell. This method accepts a single parameter "index" (cell index of the new cell); If the index value is provided as -1 or equal to the number of cells, the new cell will be inserted as the last cell in the row. If the index value is provided as 0, the new cell will be inserted at the first position. If we do not provide the index, by default, it will be -1. Syntax Following is ...
Read More