How to Add a Favicon To HTML?


A favicon is an image shown in the tab of the web browser before the web page name.

To Add a Favicon To Your Website, first of all, create a favicon image. To create a favicon image you can use www.favicon.cc, favicon.io, or other favicon generator tools to create a suitable favicon for your website. The common file name for a favicon is favicon.ico.
Now create images named folder in the root directory. Then, save your favicon inside this folder.
Then Add <link rel="icon" href="/images/favicon.ico"> after <title> tag inside <head> section.





<html>
     <head>
           .....code.......
           .....<title>.....</title>....
           <link rel="icon" href="/images/favicon.ico" type="images/x-icon">
           ....code.......  
     </head>
</html>


Trending Posts

What Are The Use of Function Keys F1 to F12 on The Keyboard?

Image
On your Computer Keyboard or Laptop keyboard, you always see F1 to F12 Function Keys, right. But, have you ever wondered what are these keys(F1 to F12) and their uses are? What are Function Keys? Function Keys are the keys that are on the top of the keyboard from F1 to F12 for performing different functions that make the use of the computer ease. Like for example, Function Key can be used to Refresh/Reload webpage or computer, saving the file, closing the window, etc. To Use Function Key On Laptop, you should press function keys with the 'fn' key which is on the bottom of your keyboard. What are the Uses of F1 To F12 Function Key? F1 Key: The F1 key is used to open the Help Center of the Application. For example, if you press the F1 key while using Chrome Browser, Google Chrome Help Center will open. F2 Key: The F2 key is used to Rename the file or folder on the computer quickly. Usually, to rename a file/folder, you right-click on it and click on rename to change its name, rig...
Read More

Can I Code If I'm Bad at Math? (Spoiler: Yes, You Can!)

Image
Let’s be real — the moment you tell someone you’re learning to code, someone will say, “Whoa, you must be good at math, huh?” And if you’re like me (and probably 90% of the world), you immediately think: “Uh oh… I suck at math. Am I screwed?” The short answer? Nope. Not at all. Coding ≠ Math Class Here’s the truth that nobody told us in school: You don’t need to be a math genius to be a good coder. In fact, most web developers, app creators, and even software engineers barely touch “hard” math in their day-to-day work. You’re not solving calculus problems. You’re building cool stuff. Writing logic. Making things work. What You Actually Need Instead of Math If you’re bad at math but good at things like: Solving puzzles Breaking big problems into small steps Paying attention to details Being curious and googling solutions …then congrats. You already think like a progr...
Read More

How To Create A Magic 8 Ball Using HTML, CSS, and JavaScript?

Image
Create A Magic 8 Ball Project Using HTML, CSS, and JavaScript. HTML Code <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Magic 8 Ball - Created By Rohit Shah</title>     <link rel="stylesheet" href="style.css">     <script src="script.js"></script> </head> <body>     <div class="ball">         <div class="whitesurface">             <p id="response">8</p>         </div>     </div>     <div class="inputfield">      ...
Read More

🚀 Build a QR Code Generator Using HTML, CSS & JavaScript

Image
QR Codes are everywhere — websites, apps, menus, payments, and more. In this tutorial, you will learn how to create a simple and powerful QR Code Generator using HTML, CSS, and JavaScript. This is a perfect beginner-friendly project and a great addition to your portfolio. We are also using a lightweight library called qrcodejs : CDN: https://cdn.jsdelivr.net/gh/davidshimjs/qrcodejs@master/qrcode.min.js ✅ Features Generate QR codes instantly Accepts text or URL Press Enter to generate Download QR code as PNG Modern UI with smooth design 📌 Full Source Code (HTML, CSS & JavaScript) 📄 HTML Code <!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">   <meta name="viewport" content="width=device-width, initial-scale=1.0">   <link rel="stylesheet" href="style.css">   <title>QR Code Generator</title> </head> ...
Read More

Build a Modern Gradient Calculator Using HTML, CSS, and JavaScript

Image
Building small projects is one of the best ways to improve your web development skills. In this tutorial, we will create a modern gradient calculator using HTML, CSS, and JavaScript. This project will help you understand layout design, CSS styling techniques like glassmorphism, and JavaScript event handling. By the end of this guide, you will have a fully working calculator with a clean UI and smooth interactions. GitHub: You can find the complete source code here . Project Overview This calculator includes: A modern gradient background A glass-style calculator interface Buttons for numbers and operators Clear and delete functionality A working equals calculation We will build this project using three parts: HTML for the structure CSS for the design and layout JavaScript for the calculator logic Step 1: HTML Structure First, we create the layout of the calculator. This includes the display screen and all the buttons. <!DOCTYPE html> <html ...
Read More

10 AI Coding Tools That Actually Made Me a Worse Programmer (2025 Edition)

Image
You know how everyone’s been raving about AI coding tools lately? Like, “Oh my God, Copilot wrote my entire app!” or “This tool saved me hours of work!” Yeah, I was one of those people. I jumped on the bandwagon hard, like full-speed, no seatbelt, straight into a wall kind of hard. And don’t get me wrong, AI coding tools can be incredibly helpful. But somewhere along the way, I realized something unsettling: they weren’t always making me better. In fact, some of them were slowly turning me into a lazy, confused, over-dependent mess of a developer. This is my honest take no, sugarcoating on 10 AI coding tools that, despite the hype, actually made me a worse programmer. Not because they’re bad tools (they’re not), but because of how they subtly warped my coding habits, critical thinking, and even my confidence. Buckle up, this is gonna get a little personal. 1. GitHub Copilot – The Genius That Made Me Dumb Let's start with the king of them all: GitHub Copilot. I’ll admit it, t...
Read More

Is iPhone More Secure Than Android Phone?

Image
   In the smartphone market, Android phones and Apple iPhones are very popular. But, did you ever think which is more secure for you/ for the user? Is iPhone More Secure Than Android? Yes, Apple iPhone is more secure than the Android because of the following reasons: Android Users: There are more Android Phone users than iPhones. Because of lots of Android users, it is targeted with lots of malware and viruses. Apple Doesn't Allow iPhones Users to Do Lots of Task: On an Android smartphone, you can do lots of customization, you can download install 3rd party Android Apps from anywhere, sharing files. All these things are advantages too. But, that increases the case of vulnerability and data theft of the user. On iPhone iOS, you cannot do all those customizations, installing Apps from anywhere, etc. iPhone does this to reduce the vulnerability and making their iPhone simple and the best. iPhone Software and Security Updates Most of the Android smartphone brands(not all the brand...
Read More

What Should Be Your Typing Speed As a Programmer?

Image
Programmers have only one job which is to code and coding involves typing many lines of code which take plenty of time. To type those hundreds, and thousands of lines of code fast, you need to type fast as well. But how fast or how much typing speed should a programmer have? What Should Be Your Typing Speed As a Programmer? I don't know if there is any survey or anything related to this question. But in my experience as a programmer having a typing speed of 40 WPM to 60 WPM will be the cherry on top. Again this is my experience as a programmer and what I have learned and done so far in the field of coding. Why A Programmer's Typing Speed Should be 40-60 WPM or More? The reason I said to have a 40-60 WPM typing speed is that it is considered the average fast typing speed in general. If your typing is this fast, you can easily code. In fact, in coding your most of time is invested in thinking and creating logic and then writing or typing that into a computer code. If your typing ...
Read More

Building an Enhanced To-Do List App Using HTML, CSS, and JavaScript with Local Storage

Image
In this tutorial, we'll create an enhanced To-Do list app using HTML, CSS, and JavaScript, incorporating local storage to save our tasks. This project is perfect for beginners looking to improve their web development skills. What You Will Learn Creating a basic To-Do list interface Adding, editing, and deleting tasks Saving tasks to local storage Styling the application with CSS Your Folder Structure Your project folder should look like this: enhanced-todo-app/ ├── index.html ├── style.css ├── script.js └── images/ ├── delete.svg └── editbutton.svg GitHub Repository For the complete source code, you can check out the GitHub repository: Enhanced To-Do List App Source Code . Step 1: HTML Structure We'll start with the basic HTML structure for our To-Do list app. Create an HTML file named index.html and add the following code: ...
Read More

12MP vs 48MP vs 64MP vs 108MP | Does More Megapixel Equal Better Image Quality?

Image
Right now, In a smartphone, you will get a 48MP Camera, 64MP Camera, 108MP Camera, and so on. But, Does this number of megapixels improve the image quality? What is a Megapixel? Megapixel means a million pixels in an image. Pixel is the small dot or square on the image. By combining millions of pixels, one image is formed. 1 Megapixel = 1 Million Pixel, 2 Megapixel = 2 Million Pixel, 12 Megapixel = 12 Million Pixel, 48 Megapixel = 48 Million Pixel, 64 Megapixel = 64 Million Pixel, and so on.   Does More Megapixel equal better image quality? No. A Megapixel is just a million pixels in an image. Many other factors also matter while capturing an image like Image Sensor, Aperture, Megapixel, Lens, and Software.    If you have a 108 Megapixel Camera with a small image sensor and a 12 Megapixel camera with a big image sensor. Then, The second one will have better quality. It's because, in a big image sensor, the pixel size is bigger. If the pixel size is bigger, it can capture...
Read More