每个href前面加一个小图标（用相对路径）然后把鼠标放上去让字变成红色然后下划线消失

要在HTML中实现每个`<a>`标签前添加小图标，并设置鼠标悬停时文字颜色变为红色、下划线消失的效果，你可以这样做：

首先，你需要一个相对路径的小图标，比如假设它是`images/icon.png`。在HTML结构中，添加带有类名（如`.icon`)的`<i>`元素作为链接的前缀：

<a href="#" class="link-icon">
  <i class="material-icons">your_icon_name</i> <!-- 将 "your_icon_name" 替换为实际图标名称 -->
  文本链接内容
</a>

这里我们假设使用了Material Design风格的图标，如果你的图标不是这种风格，需要替换`material-icons`类。

接下来，在CSS中添加样式，包括小图标、鼠标悬停效果和去掉下划线：

.link-icon {
  position: relative;
}

.link-icon i {
  display: inline-block;
  margin-right: 5px; /* 调整间距 */
  vertical-align: middle;
  width: 16px; /* 图标大小，根据实际调整 */
  height: 16px;
}

.link-icon:hover {
  text-decoration: none; /* 去除下划线 */
}

.link-icon:hover .link-text {
  color: red; /* 鼠标悬停时文字变红 */
}

这里的`.link-text`可以是你想要选中的文本部分，例如`<span class="link-text">文本链接内容</span>`。确保这两个类在你的CSS文件中定义了。