我是HTML的初学者。到目前为止,我已经了解了图像以及如何将它们包含在HTML中。我有一个正在研究的示例Web项目。而且它有一些如下的html代码
<li><a class="close-link"><i class="fa fa-close"></i></a>
</li>
这段代码在前端创建了一个“ CROSS”(X)图像/图标。
问题1:如何在前端实际绘制图像。一般来说,要获得图像,我会做类似的事情"<img src = "image.jpg>"
。因此,我很困惑如何加载“ CROSS”图像/图标。
问题2:在项目文件夹中的哪里可以找到此图像/图标。我无法在项目文件夹中找到它。是否有保留这些图像/图标的特殊文件夹。
问题3:这些图片的扩展名是什么。“ jpg”“ gif”还是什么?
问题4:我可以在项目中使用这些类型的在线图像列表吗?
问题5:如果该列表不在线,那么如何创建类似的图像并使用i标签添加它们。
请指导我。
CDNcontent delivery network
是从互联网获取资源吗?我稀疏了您正在使用的框架之类的东西,例如fontawesome
链接(http://fontawesome.io/icon/times/)。
您没有在任何文件夹中找到该图片,因为您没有下载它。但是您可以下载整个软件包,然后必须将该软件包链接到您的文件HTML
,例如<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
在的<head>
中html
,在font-awesome.min.css.
此处引用您的位置是说明的链接(http://fontawesome.io/get-started/)
他们是svg
文件
是的,有很多它们,您可以在其中找到所有它们,只需键入您要寻找的内容,甚至可以为这些图标设置动画。(http://fontawesome.io/examples/)链接中的示例。只是一个简短的说明
i class="fa fa-camera-retro fa-lg"></i> fa-lg <i class="fa fa-camera-retro fa-2x"></i> fa-2x <i class="fa fa-camera-retro fa-3x"></i> fa-3x <i class="fa fa-camera-retro fa-4x"></i> fa-4x <i class="fa fa-camera-retro fa-5x"></i> fa-5x
,class
用于描述图标的名称(其中的图标)
fa-2x
是图标的尺寸,fa-5x
其中最大
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句