Adding a Favicon
Goal
Learn the process to add a favicon to the web browser's tab for your website.
Learn
What is a favicon?
It is an icon associated with a URL that is variously displayed, as in a browser's address bar or next to the site name in a bookmark list.
Practice
Go to https://realfavicongenerator.net/
Upload the image you want to use for your favicon.
Make sure the image looks good in the upload
Now there will be multiple section with many different options to customize your favicon for all the different browsers and operating systems. The default should be adequate but feel free to customize if you want.
At the very end of the options under "Favicon Generator Options" you want to select the "I cannot..." option. Then type the name of your images folder into the field below.
Click Generate
Click on the Favicon Package to download the favicon images. You will need to unzip the folder.
Move the images from the favicon folder to your images folder in the repo.
Copy the generate code into the <head> element on each of your html documents.
Now you should see the favicon in the browser tab.