1、1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltbody標(biāo)簽中，輸入html代碼其中iconpng是放大鏡圖標(biāo)ltdiv ltinput type=quottextquot ltimg style=quotwidth 20pxposition absol。

2、實(shí)現(xiàn)步驟第一步制作faviconico，大小為16*16毫米第二步將“faviconico”放到項(xiàng)目的根路徑下第三步在所有html頁面head中添加如下代碼收藏用logo圖標(biāo) ltlink rel=quotbookmarkquot type=quotimagexiconquot hr。

3、1 先做好一張格式為ico的圖標(biāo)我就是用在線工具轉(zhuǎn)換為ico格式的2 打開頁面代碼，找到lthead標(biāo)簽，在ltheadlthead標(biāo)簽中插入一句，ltlink href=quotfaviconicoquot rel=quotshortcut iconquot 請(qǐng)點(diǎn)擊輸入圖片描述 3 ok啦。

4、第一步，準(zhǔn)備一個(gè)圖標(biāo)制作軟件首先您必須了解所謂的圖標(biāo)Icon是一種特殊的圖形文件格式，它是以ico 作為擴(kuò)展名普通的圖像設(shè)計(jì)軟件無法使用這種格式，所以您需要到下載一個(gè)ico圖標(biāo)工具，本站常用軟件既有，推薦強(qiáng)大的。

5、1新建html文件，在body標(biāo)簽中添加img標(biāo)簽，img標(biāo)簽在html中沒有結(jié)束標(biāo)簽，所以不需要添加“l(fā)timg”代碼給img標(biāo)簽添加屬性“src”，屬性值填自己想要添加圖片的地址，這里以同一目錄下的1png為例，這樣圖片就添加好了。

6、1把字符直接寫在HTML文件里這個(gè)方法是簡(jiǎn)單比較直觀，見如下代碼，用一個(gè)ltspan元素去包含一個(gè)字符“！”或#x0021，然后給這個(gè)ltspan添加一個(gè)類這個(gè)字母在選定的字體中被映射到一個(gè)特定的圖標(biāo)lta href=quot。

7、看下圖！ html中怎么在IE瀏覽器地址欄前設(shè)置圖標(biāo)？看下圖！ 展開 我來答 答題抽獎(jiǎng) 首次認(rèn)真答題后 即可獲得3次抽獎(jiǎng)機(jī)會(huì)，100%中獎(jiǎng) 更多問題 分享 微信掃一掃 新浪微博 空間 舉報(bào) 瀏覽5002 次。

8、把個(gè)個(gè)圖標(biāo)的style里加上floatleft這樣就能在一行顯示了，通過margin或padding來調(diào)他們的距離。

9、只要在html文件中的ltheadlthead標(biāo)簽中加上ltlink rel=quoticonquot href=quotpictureicoquot type=quotimagexiconquot 即可注意href=“”中的圖標(biāo)格式是ico，路徑不管相對(duì)路徑還是絕對(duì)路徑都可以實(shí)例演示如下1先。

10、接著我們做一個(gè)span標(biāo)簽，并給他加入iconfont和iconhuo類名效果就出來了 如果你要改變他的大小和，顏色特別簡(jiǎn)單 直接改變字體大小和顏色這里為了演示方便直接寫在了html里，規(guī)范應(yīng)該在加入一個(gè)類，寫在css里而且一。

11、嘗試下面的代碼lt%@ page language=quotjavaquot contentType=quottexthtml charset=utf8quotpageEncoding=quotutf8quot% lt！DOCTYPE html PUBLIC quotW3CDTD HTML 401 TransitionalENquot quot。

12、主要特性 使用icon font來生成圖標(biāo)相對(duì)于基于圖片的圖標(biāo)來說，有如下的好處自由的變化大小 自由的修改顏色 添加陰影效果 IE6也可以支持 支持圖片圖標(biāo)的其它屬性，例如，透明度和旋轉(zhuǎn)等等 可以添加textstroke和backgroundclip。

13、HTML5是沒有這個(gè)功能的，可以使用瀏覽器的內(nèi)置發(fā)送到桌面圖標(biāo)功能，以下以UC為例1進(jìn)入U(xiǎn)C瀏覽器首頁后，點(diǎn)擊所示的圖標(biāo) 2會(huì)看到書簽歷史點(diǎn)擊它 3進(jìn)入書簽后，隨后長(zhǎng)按幾秒你想發(fā)送到手機(jī)桌面的書簽網(wǎng)址 4。

14、先檢查是不是路徑錯(cuò)了，然后清楚瀏覽器的緩存，或者換個(gè)瀏覽器試一試。

15、ltinput type=“buttonquot name=quotbuttonquot value=quot quot style=quotbackgroungimageurl“圖標(biāo)路徑”quot。

16、瀏覽”，找到背景圖的位置6選中背景圖，點(diǎn)擊“確定”7圖片插入完成8將這個(gè)html另存為在“表格”文件夾里9點(diǎn)擊這個(gè)預(yù)覽圖標(biāo)，就可以在瀏覽器中查看效果10完成效果圖參考資料百度百科HTML表單。

17、請(qǐng)問怎么在html中為網(wǎng)站添加ico圖標(biāo)，我這樣做不顯示是什么原因首先你的網(wǎng)頁文件怎么是后綴名不應(yīng)該為Txt，其次你更換了這個(gè)圖標(biāo)應(yīng)該把瀏覽器緩存清空在執(zhí)行看看，再者，其實(shí)可以不加引入的那條語句，直接將網(wǎng)頁文件改為Index。