列表与表格

列表和表格用来组织信息，是网页里非常常见的内容。

无序列表 <ul>

<ul>
  <li>苹果</li>
  <li>香蕉</li>
  <li>橙子</li>
</ul>

• 苹果
• 香蕉
• 橙子

有序列表 <ol>

<ol>
  <li>第一步：打开编辑器</li>
  <li>第二步：写代码</li>
  <li>第三步：保存运行</li>
</ol>

1. 第一步：打开编辑器
2. 第二步：写代码
3. 第三步：保存运行

表格 <table>

<table border="1">
  <tr>
    <th>标签</th>
    <th>作用</th>
  </tr>
  <tr>
    <td>&lt;ul&gt;</td>
    <td>无序列表</td>
  </tr>
  <tr>
    <td>&lt;ol&gt;</td>
    <td>有序列表</td>
  </tr>
</table>

标签	作用
<table>	表格容器
<tr>	一行
<th>	表头单元格（加粗）
<td>	普通单元格

提示

border="1" 给表格加边框便于观察。实际布局时表格常用于展示数据，而不是排版（排版推荐用 CSS 的 Flex/Grid）。