HTML - 將圖標添加到瀏覽器選項卡

Question

我正在爲課程做作業，我們的任務是製作網頁。創建頁面都很順利，但我努力在瀏覽器選項卡上獲取圖標。

他教導我們從文件夾

這是從他的方向

之一得到圖標「注意，以顯示你的圖標，你在你的HTML頭中插入此行」

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

「假設你的公司圖標的文件夾中的圖像」

我試過的許多變化，但它不會工作。

礦被稱爲圖標（1）.ICO

這裏是我的嘗試

 <link rel="shortcut icon" href="/favicon(1).ico" type="image/x-icon" />     

下面是另一個之一。

<link rel="shortcut icon" href="images/favicon(1).ico" type="favicon/ico" /> 

我有我的桌面上名爲「問題1」的文件夾和該文件夾中我對這個assignent和所謂的「圖像」的另一個文件夾我的HTML文件。在「圖片」文件我有「圖標（1）。ICO圖標

有沒有一種方法，我可以從我的文件夾圖標，並把它放在我的代碼

Answer 1

這是片段，我使用每當我需要配置一個圖標：

<!-- for FF, Chrome, Opera --> 
<link rel="icon" type="image/png" href="/assets/favicons/favicon-16x16.png" sizes="16x16"> 
<link rel="icon" type="image/png" href="/assets/favicons/favicon-32x32.png" sizes="32x32"> 

<!-- for IE --> 
<link rel="icon" type="image/x-icon" href="/assets/favicons/favicon.ico" > 
<link rel="shortcut icon" type="image/x-icon" href="/assets/favicons/favicon.ico"/> 

這應該工作得很好。

您需要在FF，Chrome和Opera中使用.png，並針對不同的設備和屏幕分辨率支持2種分辨率。

IE需要.ICO圖像和需要相對是「圖標」和「shortcus圖標」，不要問我爲什麼，IE總是有點wierdo的，因爲我們都知道：d

Answer 2

嘗試：？

<link rel="shortcut icon" href="favicon(1).ico"> 

或該（爲Mozilla）

<link href="favicon(1).png" rel="icon" type="image/png" /> 

可以png格式或.ico