Adding an icon to your website tab (HTML, favicon) 💻🖼
👏 THANKS: All your claps really help me write more free articles like this.
It’s one of the simple things that’s always hard to remember.
1.) Make sure your image is .png format 💻
And make sure it is located to be publicly accessible in your project (in the root of the project or public folder).
2.) Add this tag within your HTML head tags🌳
Type the following tag inside your <head>here</head> tags.
Note: Make sure to change the image URL path to the location of your image.
<link rel="shortcut icon" type="image/x-icon" href="./YOUR_IMAGE.png" />
Thanks for reading! 👏 Please leave a clap if this helped. Also…
⚠️ IMPORTANT: If you’re building a website, it’s important you also think about:
- 🎥 Embedding a Youtube video into your website
Embedding a Youtube video into your website HTML (+Looping +AutoPlay)🎥
The Frontend world is moving more and more to dynamic content including animations and videos.
2. 👥 Addding a thumbnail for sharing on social media:
How to add a website thumbnail for sharing your HTML site on social media (Facebook, LinkedIn …
👏 THANKS: I appreciate the claps readers give because it takes me some time to write these free articles.
3. 🎵 Play Audio in your HTML website
Load, Play, and Pause Audio or Songs in an HTML website 🎵
Playing Audio during your HMTL website can really spice up your site.
4. ✅ Free resources for images, icons and more in your website