Question

在此代码中，我将一些图标链接到我的html页面。我想在我的html页面中打印它们。我该怎么做？。我的搜索没有得到足够的答案，如果这是重复的话，请道歉。在这个 link他们已经展示了如何设置从互联网使用和标签加载的图标的样式，而不是互联网我希望使用相同的标签从我的计算机加载，你能帮助我吗？

<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>

Answer 1

您使用的link标记用于设置网页图标图标（浏览器标签中的图标）。

要将图片添加到HTML页面进行渲染，您需要在文档正文中添加img标记。

xterm-color

Answer 2

您无法使用链接标记在页面上显示图标。它的用途是加载外部样式表和设置浏览器选项卡图标（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>

CSS： -

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

Answer 3

IMG TAG

您需要使用img标记在网页中显示图片

LINK TAG

标记用于定义指向外部文档的链接。

我想在我的html页面上打印图标

3 个答案: