Bu dersimizde sitemizin sekmeler bölünde olan iconunu değiştirmeyi gösterecem.Tarayıcılarda standart olarak beyaz bir sayfa vardır.Şimdi önce eklemek için .ico uzantılı icon lazım.Bunu aşağıdaki adrestenten .png yi .ico ya dönüştürebilirsiniz.
http://www.convertico.com/
Daha sonra head tagları arasında sitemizde bir link tagı koyacaz.
<link rel="shortcut icon" href="adres" type="image/x-icon" >
Örnek :
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" >
Dosyanızın ismini favicon yaparsanız ve dosyanın bulunduğu dizine atarsanız tarayıcılar bunu otomatik algılar.Farklı isimi yaparsanız yazarsanız.Ama siz her türlü ihtimale farşı yazın kodu.
Görüntüsü:
Kodlar :
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>cArleone</title>
<link rel="shortcut icon" href="/iphone.ico" type="image/x-icon" >
</head>
<body>
</body>
</html>