Home HTML Lists Adding Images Style Tips Add Favicon Add Videos Add Background CSD Principles CSD Problem Solving Process

How to add favicon to your website

Some of you expressed interest in addind a favicon to your website. Here are the steps to add a favicon to your website.
  1. Use the favicon generator to create a favicon.ico file. Link: https://www.favicon-generator.org/
  2. Download the images to your computer.
  3. Upload the favicon.ico file to your code.org project.
  4. Add the following code to your webpages in the <head> … </head> section.
<head>
  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>

NOTE: This page uses the div tag instead of the p tag. The styling you see here is associated with <div>. I added this for you to see how the different styling will show up on the pages.

Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License.