HTML常用标签

1.标题标签

HTML中共有6个级别的标题标签，分别是h1、h2、h3、h4、h5和h6。其中，h1是最高级别的标题，h6是最低级别的标题。标题标签用于定义文档中的标题，可以帮助读者快速了解文档的结构和内容。示例代码如下：

<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
<h4>这是四级标题</h4>
<h5>这是五级标题</h5>
<h6>这是六级标题</h6>

运行效果

2.段落标签

段落标签用于定义文档中的段落，通常用于分隔不同的内容。示例代码如下：

<p>这是一个段落。</p>
<p>这是另一个段落。</p>

运行效果

3.链接标签

链接标签用于创建超链接，可以将文本或图片链接到其他网页或文档。示例代码如下：

<a href="https://z7h.cn/">这是一个链接</a>

运行效果

4.图片标签

图片标签用于在网页中插入图片，可以设置图片的大小、位置和样式等属性。示例代码如下：

图片的命名可以自己修改

<img src="image.jpg" alt="这是一张图片">

运行效果

5.列表标签

HTML中有两种类型的列表，分别是有序列表和无序列表。有序列表使用ol标签，无序列表使用ul标签，列表项使用li标签。示例代码如下：

<ul>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
</ul>

<ol>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
</ol>

运行效果

6.表格标签

表格标签用于创建表格，可以设置表格的行数、列数、边框和样式等属性。表格中使用tr标签定义行，td标签定义单元格。示例代码如下：

<meta charset="UTF-8">
<style>
  table {
    border-collapse: collapse;
    border: 1px solid black;
  }
  td {
    border: 1px solid black;
  }
</style>

<table>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
  </tr>
  <tr>
    <td>单元格3</td>
    <td>单元格4</td>
  </tr>
</table>

运行效果