【HTML】常用的 HTML 标签

1. 标题标签（Heading）：用于定义标题，共有六个级别（h1 到 h6），h1 是最高级别的标题，h6 是最低级别的标题。

   <h1>这是一级标题</h1>
   <h2>这是二级标题</h2>
   <!-- ... -->
   <h6>这是六级标题</h6>
   

2. 段落标签（Paragraph）：用于定义段落文本。

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

3. 链接标签（Anchor）：用于创建超链接。

   <a href="https://www.example.com">访问示例网站</a>
   

4. 图像标签（Image）：用于插入图像。

   <img src="image.jpg" alt="图片描述">
   

5. 列表标签（List）：用于创建有序或无序列表。

   • 无序列表：

     <ul>
       <li>项目1</li>
       <li>项目2</li>
       <!-- ... -->
     </ul>
     

   • 有序列表：

     <ol>
       <li>项目1</li>
       <li>项目2</li>
       <!-- ... -->
     </ol>
     

6. 表格标签（Table）：用于创建表格。

   <table>
     <tr>
       <th>表头1</th>
       <th>表头2</th>
     </tr>
     <tr>
       <td>数据1</td>
       <td>数据2</td>
     </tr>
     <!-- ... -->
   </table>
   
   <table>
      <thead>
        <tr>
          <th>姓名</th>
          <th>年龄</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>小明</td>
          <td>25</td>
        </tr>
        <tr>
          <td>小红</td>
          <td>22</td>
        </tr>
        <!-- ... more rows ... -->
      </tbody>
      <tfoot>
        <tr>
          <td colspan="2">总计</td>
        </tr>
      </tfoot>
    </table>
   
   

7. 表单标签（Form）：用于创建表单，收集用户输入。

   <form action="/submit" method="post">
     <label for="username">用户名：</label>
     <input type="text" id="username" name="username">
     <br>
     <label for="password">密码：</label>
     <input type="password" id="password" name="password">
     <br>
     <input type="submit" value="提交">
   </form>
   

8. 分割线标签（Horizontal Rule）：用于创建水平分割线。

   <hr>
   

9. div 和 span 标签：用于创建容器块和内联元素，常用于布局和样式控制。

   <div>This is a block-level container.</div>
   <span>This is an inline element.</span>
   

10. 强调和加粗标签：用于文本的强调和加粗效果。

    • 强调：

      <em>这是强调的文本</em>
      

    • 加粗：

      <strong>这是加粗的文本</strong>