Retrac Posted February 13, 2020 Report Share Posted February 13, 2020 (edited) Ok so I'm taking a collage web development class. In that they teach the Basics of HTML and CSS. I have uploded several several web pages. But what they haven't told us is how to add the little icon in the tab corner. Does anyone know how that is willing to give me some tips? Edited February 13, 2020 by Retrac 1 Quote Link to comment Share on other sites More sharing options...
+Invocation Posted February 13, 2020 Report Share Posted February 13, 2020 (edited) Pretty sure you just add the image to the title tag bit that goes up there, more than likely with a transparent background PNG. Never tried it, because I never had a reason to add an image there, but that seems like the most likely explanation. Edited February 13, 2020 by Invocation 0 Quote Link to comment Share on other sites More sharing options...
The Voiceless One Posted May 6, 2020 Report Share Posted May 6, 2020 <head> <meta charset="utf-8"> <link rel="icon" type="image/png" href="/uploads/globe.png"> <link rel="stylesheet" type="text/css" href="/style.css"> <title>template</title> </head> Here, "globe.png" will be the icon in the corner of the tab. 2 Quote Link to comment Share on other sites More sharing options...
Mestiv Posted June 7, 2020 Report Share Posted June 7, 2020 That little image is called favicon and can be configured just like @The Voiceless One mentioned above. Here's more info on that: https://css-tricks.com/favicon-quiz/ As you can see you can provide them in different sizes for different purposes. 0 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.