如何在瀏覽器選項卡中放置圖像/徽標

快速問題。您知道當您在頁面頂部打開一個新窗口&時，您會看到所示窗口的標籤&您會看到您在標題標籤&中輸入的內容，您會看到一個小圖片（網站徽標）。如何在該標籤中放置圖片/徽標？我必須在我的標題標籤內放置圖像鏈接嗎？如何在瀏覽器選項卡中放置圖像/徽標

這裏是我的HTML：

<!DOCTYPE html> 

<html lang="en"> 

<head> 

<title>Round Table</title> 

<meta charset="utf-8"> 
<link rel="stylesheet" href="RTH.css"> 
<script src="RTH.js"></script> 

</head> 

<body> 


<H1> Come & take a seat at the Round Table B] </H1> 

<p> "Where <i>REAL MUSIC</i> still exists"</p><br><br> 

<ol type=I> <H2> <li>BEAT$</li> 
<br><li>Music by Mercile$$</li> 
<br><li>Spoken Word</li> <br> 
<li><a href="RthPg2.html" title="RthPg2">Tale$ of a Blind Sword$man</a></li> </H2> </ol><br><br><br> 

<dt><i>RTH</i> consists of:</dt> 
<dd>Show Luciano, Pistol McFly, Dior, YZ, & last but not least...Mercile$$</dd> 

<p> thee music industry is DEAD !! i hope to bring restoration.<br> 

                          ~mercile$$</p><br> 

<footer>&copy; Round Table</footer> 
</font> 
</body> 
</html>

&這裏是我的CSS文件：

body { 
     background-image: url("Round Table, Hoe II.jpg"); 
    background-repeat: Repeat; 
    font-family: AR Christy, Kozuka Gothic Pr6N, Cooper std; 
    color: Red; 
    text-shadow: 1px 0 0 #CEA40C, 0 -1px 0 #CEA40C, 0 1px 0 #CEA40C, -1px 0 0 #CEA40C; 
     font-size: 25px; 
     margin: 0 auto; 
    text-align: center; 
    width: 700px; 

} 

h1 { 
    font-family: AR Christy, Kozuka Gothic Pr6N, Cooper std; 
    color: Red; 
    text-shadow: 2px 0 0 #CEA40C, 0 0px 0 #CEA40C, 0 2px 0 #CEA40C, 0px 0 0 #CEA40C; 
     margin: 0 auto; 
     text-align: center; 
    width: 700px; 

} 

i { 
    font-family: AR Christy, Kozuka Gothic Pr6N, Cooper std; 
    color: White; 
    text-shadow: 2px 0 0 #CEA40C, 0 0px 0 #CEA40C, 0 2px 0 #CEA40C, 0px 0 0 #CEA40C; 
     margin: 0 auto; 
     text-align: center; 
    width: 700px; 

} 

dt { 

    color: #1BD29B; 
    text-shadow: 4px 0 0 #CEA40C, 0 0px 0 #CEA40C, 0 4px 0 #CEA40C, 0px 0 0 #CEA40C; 
    font-size: 45pt; 
    padding: 10px; 


} 

dd { 

    color: White; 
    padding: 5px 10px 5px 10px; 
    background: #f03; 
    border: solid 2px #fff; 

} 

p { 
    padding: 5px 10px 5px 10px; 
    background: #f03; 
    border: solid 2px #fff; 

} 

footer { 



}

來源

2013-03-19 Jaleel Dwight

你需要一個正方形圖像或則圖標把這個代碼在你的頭上

<link rel="icon" type="image/png" href="/path/image.png"/>

來源

2013-03-19 04:03:26 cameronjonesweb

的圖像大小可以24像素也。這種方式適用於我。 – mggSoft 2015-04-16 09:43:06

其易於使用本網站轉換圖像http://www.favicongenerator.com/ 然後在頭部，但改變烏爾形象的名稱和路徑

<link rel="shortcut icon" type="image/png" href="img/logo-favicon.ico.png">

來源

2014-02-24 10:26:04

一個重要的事情是把head標籤之間的鏈接：

<html> 
    <head> 
     <link rel="shortcut icon" type="image/png" href="img/logo.ico"> 
    </head> 
    . 
    . 
    . 
</html>

來源

2017-06-23 13:53:55

如何在瀏覽器選項卡中放置圖像/徽標

回答

相關問題