How do make a root directory and put a favicon in it?

Question

0.00/5 (No votes)

See more:

I want to add a favicon to my web page, but I don't quite know how. The instructions that the favicon generator gives are to upload the favicon to the root directory, and then paste the given code in the head of the HTML document. That's great and all, but I am not quite sure how to make a root directory and upload a favicon to it. A solution would be appreciated.

What I have tried:

I tried to put link rel to an ico file in the head, but that didn't work. I might have been doing it wrong.

Posted 29-May-20 7:40am

User 14813643

Updated 29-May-20 8:11am

Add a Solution

Comments

[no name] 29-May-20 18:04pm

Thank you all. That was helpful. I got it to work.

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

honey the codewitch · Accepted Answer · 2020-05-29T08:04:00

Solution 1

The root directory of the website is already created. It's simply the directory the main site comes from. /

Depending on your website setup, this will map to a physical location on your web server. Find it. Add your favicon to that folder.

Posted 29-May-20 8:04am

honey the codewitch

MadMyche · Accepted Answer · 2020-05-29T08:09:00

Solution 2

The root directory would be the directory that would contain all of your website's files.

Typically this would be called in your html within the head element

HTML

<!DOCTYPE HTML>
<html>
<head>
	<title>Page Title</title>
	<link rel="icon" type="image/x-icon"  href="/favicon.ico">
</head>

Posted 29-May-20 8:09am

MadMyche

phil.o · Accepted Answer · 2020-05-29T08:12:00

If the website already exists, then the root directory exists as well. The root directory is the directory which contains all files and subdirectories relative to the website. If it doesn't exist, then you have to create it, and the method depends on where you are deploying the website.

The way to upload the favicon file to it also depends on where the site is deployed. It can be as simple as a copy/paste operation in the root directory, if your site is on your local machine or local LAN, or you may have to use a transfer protocol such as ftp, for example, if the site is not hosted locally.

Finally all is left is to include the link tag in the head section.

The fact that "it didn't work" may be because you need to refresh your cache for the icon to appear. Try hitting Ctrl-F5 and see whether that fixed the issue.