Hvordan legge til favoritt i HTML

Favicon er den logo Det vises før tittelen på nettstedet ditt i din nettleserfanen. Du kan bruke et hvilket som helst bilde som nettstedet ditt. Den brukes til å lage din Nettsted attraktivt I stedet for å vise et tomt dokumentikon i nettleservinduet. Å legge til en favoritt hjelper også til identifisere din nettsted Mellom antall faner som åpnes i et enkelt nettleservindu.

Enhver type bilde kan brukes som et favicon, eller du kan opprette Favicon ved å bruke forskjellige fritt tilgjengelige logoprodusentverktøy og deretter legge den til med nettstedstittelen i HTML. Mens du bruker et bilde som et favicon, bør du huske på at et lite bilde ofte fungerer bedre.

I denne guiden vil vi kort diskutere om legge til en Favicon i Html. Så la oss starte!

Legger til en favoritt til nettstedet ditt i HTML

Følg nedenfor trinn for å legge til et favicon til nettstedet ditt i HTML:

Trinn 1: Konverter bildet til “.ICO ”eller“.png ”-fil
Legge til favoritt, .png eller .ICO Filformater brukes. Hvis du ikke har en .png eller .ICO Filen konverter den først ved å bruke forskjellige fritt online tilgjengelige verktøy som ICO Convert. Neste trinn handler om å legge Favicon til nettstedet.

Trinn 2: Legg til konvertert bilde i prosjektkatalog
Legg til det konverterte Favicon -bildet i din Web Project Directory der du har din viktigste “Indeks.html ” fil som ligger. For eksempel har vi lagt til vår “Favicon.ICO ” fil i “Project1” Katalog:

Under snipping viser den grunnleggende koden for nettstedstittelen i HTML. Favicon vil bli lagt til etter "" element.

På dette tidspunktet har vi ikke koblet til “Favicon.ICO ” til vår HTML -fil. Så det vil vise følgende utgang:

Trinn 3: Oppgi banen til bildet i lenke -taggen
Bruke "" element og gi banen til bildet, som vist i kodeblokken nedenfor:

Etter å ha lagt til "" Element, vi lagrer filen og får tilgang til den i nettleseren for å se resultatet:

De ovennevnte bilder viser at vårt ekstra favicon-bilde er vellykket satt som et ikon på nettstedet.

Konklusjon

Til Legg til en favoritt i Html, først av alt, plukke ut et bilde og konvertere det også ".ICO”Eller“.png” format Bruke et hvilket som helst online bildekonverteringsverktøy som ICO Convert. Etter det, Legg til det konverterte bildet til din prosjekt katalog og koble den deretter til HTML -filen ved å bruke "" stikkord. Denne guiden demonstrerte hvordan du kan legge Favicon til nettstedet ditt ved hjelp av HTML.