列表（无序列表、有序列表、描述列表），表格

原创于 2025-11-17 11:08:46 发布 · 95 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

前端学习HTML 专栏收录该内容

9 篇文章

订阅专栏

一、无序列表（最常用）

只要是排列很整齐，并且没有顺序的，就可以通过无序列表来实现

二、有序列表(了解即可)

三、描述列表

比如线下门店有小米之家等，线下门店的描述就是小米之家等

四、表格

设置了边框为1像素

边框一般用css控制，不用html控制

使用th的表头，加粗并且居中展示的，一般再第一行或者第一列展示

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <table border="1">
    <tr>
      <td>姓名</td>
      <td>年龄</td>
      <td>成绩</td>
    </tr>
    <tr>
      <td>张三</td>
      <td>20</td>
      <td>90</td>
    </tr>
    <tr>
      <td>
        李四
      </td>
      <td>
        21
      </td>
      <td>
        85
      </td>
    </tr>
  </table>
  <br>
  <table border="1">
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>成绩</th>
    </tr>
    <tr>
      <td>张三</td>
      <td>20</td>
      <td>90</td>
    </tr>
    <tr>
      <td>
        李四
      </td>
      <td>
        21
      </td>
      <td>
        85
      </td>
    </tr>
  </table>
</body>

</html>