Retrac he/him Posted February 13, 2020 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
+Invocation Posted February 13, 2020 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
The Voiceless One he/him Posted May 6, 2020 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
Mestiv he/him Posted June 7, 2020 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.
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now