如何创建一个徽标来代表文本文件？

Question

如何构建一个徽标来告诉用户他们将点击视频、文本或类似的测验？

如何构建星号和视频点击按钮以及文本文件徽标？

谢谢

Answer 1

您可以通过 标签来使用 svg。你可以自己画画！以下是具体方法。

SVG 入门

在您的 svg 标签中，首先创建两个属性，称为宽度和高度，这将是您的 svg 尺寸。

<h1>A SVG!(Blank)</h1>
<svg width="200" h>

</svg>

路径 路径

就是您通常想到的路径。一条通往一座城市的路。一条通往山的小路。使用路径标签来制作您的绘图。

命令

所有命令都存储在d 属性中。

• M = 移动
• L = 直线
• H = 水平线
• V = 垂直线
• C = 曲线
• S = 平滑曲线
• Q = 二次贝塞尔曲线
• T = 平滑二次贝塞尔曲线
• A = 椭圆弧
• Z = 近路径
  

以下是如何使用它们：

<h1>SVG Shapes!</h1>
<h2>Square</h2>
<svg width="100" height="100">
        <path d="M0 0 L100 0 L100 100 L0 100 Z">Sorry, but your browser doesn't support inline SVG.</path>
    </svg>
   

您可以在 SVG 中使用多个路径。

颜色！

使用路径标签中的属性 fill 可以使用 rgb 或 rgba 颜色更改颜色。

Answer 2

您可以找到各种具有免费徽标的网站，我喜欢 https://www.iconfinder.com/ 它有免费可下载的 PNG

如果您希望徽标可点击，我会在 HTML 中添加一个按钮，并将图像包装在元素内，如下所示：

Answer 3

首先，您需要使用 fontawesome 来获取图标。要获得它，您必须在 标记中使用

将其实施到代码中后，请转到 https://fontawesome.com/ 并搜索您想要的图标。一旦您使用 标签来获取图标。
选择并决定你想要什么后，你可以开始使用 javascript
和 html 标记。那么让我给你一个关于 html 的例子
Click 现在您可以将其添加到任何地方在你的 html 页面上。现在用js。

<script>
function cheese() {
window.open('https://google.com');
}
</script>