Kicsi ikont csinálni a honlapomnak (részletek lent)?

1. nem html-ben kell megcsinálni, hanem képszerkesztőben.

2.favicon

3.neten van hozzá szabvány méretről leírás, beillesztéshez meta tag, illetve generátor is.

Képszerkesztővel elkészítesz egy négyzetes képet, lekicsinyíted 16x16pixel méretre, és ico formátumban (csak olyan szerkesztőben, ami ismeri ezt a formátumot!) elmented lehetőleg favicon.ico néven.

Ezután bemásolod a webmappád gyökerébe, ahol az index.html/index.php is van.

Az index oldalad head részébe pedig bemásolod ezt a sort:

<link rel="shortcut icon" href="favicon.ico" />

Ezen az oldalon szerkeszthetsz és menthetsz magadnak egyszerűen ilyen ikont:

[link]

Ha lecseréled az ikont a webmappában (mondjuk mert változtatsz rajta), akkor a böngészők nem mindig frissítik az új képet, ezért célszerű a fenti sort módosítani, mintegy jelölve az új verziót pl így:

<link rel="shortcut icon" href="favicon.ico?v=1" />

Így a böngésző azt hiszi, ez egy másik kép, és frissíti a cache-t.