html如何做标注

admin
行业动态
2024-04-08
3627

在HTML中，可以使用<mark>标签来标注文本。<mark>标签用于突出显示文本，通常与CSS样式一起使用以改变标注的颜色、背景等。

以下是一个简单的示例：

<!DOCTYPE html>
<html>
<head>
<style>
  mark {
    backgroundcolor: yellow;
    color: black;
  }
</style>
</head>
<body>
<h1>HTML标注示例</h1>
<p>这是一个普通的段落。</p>
<p><mark>这是一个被标注的文本。</mark></p>
</body>
</html>

在这个示例中，我们使用了<mark>标签来标注一个文本，我们还使用了CSS样式来改变标注的背景颜色和文本颜色。

如果你想要创建一个单元表格来展示这些信息，可以使用以下代码：

<!DOCTYPE html>
<html>
<head>
<style>
  table {
    width: 50%;
    bordercollapse: collapse;
  }
  th, td {
    border: 1px solid black;
    padding: 8px;
    textalign: left;
  }
  th {
    backgroundcolor: #f2f2f2;
  }
</style>
</head>
<body>
<h1>HTML标注示例</h1>
<table>
  <tr>
    <th>标题</th>
    <th>内容</th>
  </tr>
  <tr>
    <td>普通段落</td>
    <td>这是一个普通的段落。</td>
  </tr>
  <tr>
    <td>标注文本</td>
    <td><mark>这是一个被标注的文本。</mark></td>
  </tr>
</table>
</body>
</html>

这个示例中，我们创建了一个包含两列的表格，第一列是标题，第二列是内容，我们使用<mark>标签来标注文本，并将其放在表格的相应单元格中，我们还使用了CSS样式来改变表格的宽度、边框样式和单元格的填充和对齐方式。