html改变图标大小

在HTML中，我们可以通过CSS来设置图标的大小，以下是一些常见的方法：

1、使用内联样式：在HTML元素中直接使用style属性来设置图标的大小，这种方法的优点是可以直接在HTML元素上设置样式，不需要额外的CSS文件，这种方法的缺点是如果需要修改样式，需要在每个元素上都进行修改，不利于代码的复用和维护。

<img src="icon.png" style="width:100px; height:100px;">

2、使用内部样式表：在HTML文档的head部分使用style标签来设置图标的大小，这种方法的优点是可以在一个位置设置所有的样式，便于代码的复用和维护，这种方法的缺点是需要在HTML文档中添加额外的代码。

<head>
<style>
img {
  width: 100px;
  height: 100px;
}
</style>
</head>
<body>
<img src="icon.png">
</body>

html改变图标大小

3、使用外部样式表：在HTML文档中使用link标签链接到一个外部的CSS文件，然后在CSS文件中设置图标的大小，这种方法的优点是可以将样式和内容分离，使得代码更加清晰和易于维护，这种方法的缺点是需要额外的HTTP请求来加载CSS文件。

创建一个CSS文件（style.css）：

img {
  width: 100px;
  height: 100px;
}

html改变图标大小

在HTML文档中使用link标签链接到这个CSS文件：

<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<img src="icon.png">
</body>

4、使用CSS类：在HTML元素中使用class属性来应用一个CSS类，然后在CSS文件中设置这个类的样式，这种方法的优点是可以为多个元素应用同一种样式，只需要修改一次样式即可，这种方法的缺点是需要在HTML元素和CSS文件中都添加额外的代码。

html改变图标大小

在CSS文件中设置CSS类的样式：

.icon {
  width: 100px;
  height: 100px;
}

在HTML元素中使用class属性来应用这个CSS类：

<img class="icon" src="icon.png">

以上就是在HTML中设置图标大小的方法，需要注意的是，这些方法可以混合使用，也可以根据实际需求选择最适合的方法。