+ 12

How can I add an icon of my webpage on the tab of the page (just before the title of the page) as other sites have ?

html5 css3 icon design

14th Jul 2018, 6:09 AM

Shibopie

11 Answers

+ 6

Inside the <head> tag, <link rel="icon" href="image.extension" type="image">

15th Jul 2018, 8:53 AM

Parag Pavithran

+ 10

its favicon example <link rel="shortcut-icon" href="images/favicon.png">

14th Jul 2018, 4:43 PM

Sunny

+ 8

www.sololearn.com has one right?

14th Jul 2018, 6:41 AM

👑 Prometheus 🇸🇬

+ 5

I don't understand. Can you shown us an example of a website that has this? EDIT: I understand now.

14th Jul 2018, 6:14 AM

James

+ 5

A favicon will let you do that. However, mostly icons do not show on the title bar whileusing Google, unless your website is published; In Mozilla Firefox, they do.

14th Jul 2018, 6:43 AM

Siddharth

+ 4

Suchismita Dhal, for knowing more about this, log on to w3schools.org

14th Jul 2018, 6:46 AM

Siddharth

+ 4

its favicon example <link rel="shortcut-icon" href="images/favicon.png"> on place of favicon.PNG you can write your image name

15th Jul 2018, 5:37 PM

Manoj Shelgoankar

+ 3

the HTML <p><img src="logo.png" /> image that is floated to the <strong>right.</strong> </p> THE CSS img{ float:right; } add a margin to images so that the text does not get too close to the image. If you want your text to be easily read, you should always add a few pixels between words and borders

15th Jul 2018, 3:31 AM

Ranjinee

+ 2

I believe you can add that into the <head> tags since the container is mainly for technical configuration information of site

15th Jul 2018, 2:49 AM

Apple Blossom

+ 2

You can also do that : <link rel="icon" href="favicon.ico" > It's recommanded to place a favicon.ico images on the website root directory, so the server can automatically load it

16th Jul 2018, 8:51 PM

Youssouf Mbaé Ahamada Saidou