It is crucial to remain updated with the most recent knowledge in the fast-paced world of today. Making customizable notifications in JavaScript is one approach to accomplish this. Users may get vital messages catered to their own requirements with customizable alerts. Syntax function Alert(message, alert type) Message parameter gets string as input to be displayed on the alert box. Alert type − the type of message such as error, emergency, etc The Alert type parameter specifies the type of message, such as error, emergency, prompt, etc, that is displayed. Example 1 We will generate an alert message ... Read More

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 More

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 More

To flip the text using CSS, we will be using CSS transform property. Flipping is a technique that transforms or mirrors an element on particular axis (horizontal or vertical). We will be understanding three different approaches to fip the text using CSS. In this article, we are having some textual content written using span tag. Our task is to flip the text using CSS. Approaches to Flip the Text using CSS Here is a list of approaches to flip the text using CSS which we will be discussing in this article with stepwise explaination and complete example codes. ... Read More

Fading is a visual representation of a gradual transition between two states of visibility. We can perform fading animation using the @keyframes rule and opacity property in CSS3. In this article we are having two div boxes with some written content in the child div. Our task is to apply fading text animation effect using CSS3. Types of Fading Animation There are two types of fading animations which are listed below: Fade-In Text Animation Fade-Out Text Animation Fade-In Text Animation Fade-in text animation makes a text appear gradually from ... Read More

In HTML, the RGB i.e. (red, green, and blue) specifies the shades or intensity of the color with a value between 0 and 255. The RGB color model has a total of 256 x 256 x 256 = 16777216 possible colors. By adjusting the RGB values we can come up with different shades of colors, following are a few examples − Let’s say we want a “black” color, set all the parameters as, rgb(0, 0, 0). If we want to display a “white” color, set all the parameters as, rgb(255, 255, 255). If we set the parameters as rgb(255, ... Read More

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 More

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 More

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 More

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 More