我想打印我的html頁面上的圖標

在這段代碼中，我將一些圖標鏈接到我的html頁面。我想打印他們在我的HTML頁面。我該怎麼做？。我沒有得到任何足夠的回答我的搜索，所以如果這是重複的道歉。在這 link他們已經展示瞭如何從互聯網使用和標記加載樣式圖標，而不是互聯網我想從我的電腦加載使用相同的標籤，你能幫助我嗎？我想打印我的html頁面上的圖標

<html> 
    <head> 
     <!-- <link rel="stylesheet" href="make.css"> 
     <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">--> 
     <link rel="icon" type="image/png" href="icona.png" sizes="32x32" /> 
     <link rel="icon" type="image/png" href="iconb.png" sizes="32x32" /> 
     <link rel="icon" type="image/png" href="iconc.png" sizes="32x32" /> 
     <link rel="icon" type="image/png" href="icond.png" sizes="32x32" /> 
<link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16" /> 
    </head> 
    <body> 

    </body> 
</html>

例如這裏的<i>標籤用於加載的圖標。

<a id="fa-flag" href="javascript:;" onClick="$C.setIcon()"> 
    <i class="fa fa-flag"> </i>fa-flag 
</a>

來源

2016-08-19 Dream Hunter

是否要在html頁面中顯示圖標並打印頁面？ –

不，我只是想在HTML頁面顯示圖標 –

OP的問題是誤導。上面看起來像他們想要加載一個圖像文件，從他們看來他們想要將FontAwesome樣式應用到他們自己的圖標文件（這不是真的適用）的評論。 –

您正在使用的link標籤設置（在瀏覽器標籤圖標）的網頁圖標圖標。

要將圖像添加到HTML頁面進行渲染，您需要在文檔的正文中添加img標記。

<body> 
    <img src="favicon-32x32.png" height="32" width="32" /> 
<body>

來源

2016-08-19 06:27:32

@dreamhunter你能否澄清你的意思是圖標顏色？您可以應用CSS過濾器（https://css-tricks.com/almanac/properties/f/filter/），但除非過濾器需要動態，否則建議在上載之前編輯圖像以最小化計算。 –

串行downvoting？誰是不注意的混蛋？ – mplungjan

@mplungjan你可以檢查我的答案，我也被壓低了。：/ –

img標籤

您需要使用img標籤在網頁中顯示圖片

鏈接標籤

標籤用於定義一個鏈接外部文件。

來源

2016-08-19 06:32:12

爲什麼downvote？沒有評論的評論是無用的。 –

'標籤用於鏈接到外部樣式表。「並且沒有其他建議？ – mplungjan

那有什麼不對？ –

您不能使用鏈接標記在頁面上顯示圖標。它的用途是加載外部樣式表並設置瀏覽器選項卡（favicon）的圖標。有關更多詳細信息，請參閱以下link。

要顯示的圖像，你可以做兩件事情： -

1）由IMG標籤： -

<body> 
    <img src="icona.png" height="32" width="32" /> 
    <img src="iconb.png" height="32" width="32" /> 
    <img src="iconc.png" height="32" width="32" /> 
    <img src="icond.png" height="32" width="32" /> 
    <img src="favicon-16X16.png" height="16" width="16" /> 
<body>

2）通過一個DIV標籤： -

HTML ： -

<body> 
    <div class="image-icona" height="32" width="32"></div> 
<body>

cs s： -

.image-icona{ 
    width: 32px; 
    height: 32px; 
    background-image: url("../img/icona.png"); 
    background-repeat: no-repeat; 
    background-size: contain; 
}

來源

2016-08-19 06:47:19

我想打印我的html頁面上的圖標

回答

相關問題