- Trending Categories
- Data Structure
- Networking
- RDBMS
- Operating System
- Java
- MS Excel
- iOS
- HTML
- CSS
- Android
- Python
- C Programming
- C++
- C#
- MongoDB
- MySQL
- Javascript
- PHP
- Physics
- Chemistry
- Biology
- Mathematics
- English
- Economics
- Psychology
- Social Studies
- Fashion Studies
- Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Found 2416 Articles for HTML
424 Views
In the domain of web design, discovering groundbreaking methods to exhibit images and other multimedia content is a pivotal facet of developing a captivating user experience. One popular technique that has gained significant traction in recent years is the image accordion, which allows users to easily navigate through a collection of images by expanding and collapsing individual sections. In this article, we will explore the steps required to create an image accordion using HTML and CSS, providing you with a simple yet effective way to enhance the visual appeal of your website. Whether you’re a seasoned web developer or just ... Read More
3K+ Views
The title attribute of the tag is a significant facet of web design that furnishes supplementary information about a link when a user hovers over it. Nonetheless, the pre-existing style of the title attribute may not always comply with the visual appeal of a website, compelling designers to investigate ways to personalize it. In this write-up, we will examine various tactics and approaches accessible to adjust the style of the tag title attribute. By the conclusion of this article, you will have a more comprehensive comprehension of how to implement this uncomplicated yet potent modification to enhance the ... Read More
137 Views
The element is used to define list items within an ordered list () or an unordered list (). The element stands for "list item". Bullets are often used only for unordered lists. In HTML, unordered lists are created using the element and each list item is defined using the elements. Syntax ul { list-style-type: disc; } Items… The list-style-type property allows us to specify the type of marker, such as bullets, squares, circles, numbers, or letters, that will be displayed with each element. The default bullet ... Read More
548 Views
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
241 Views
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
616 Views
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
3K+ Views
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
448 Views
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
329 Views
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 More
202 Views
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 More