HTML--你不看我的就算了，还看别人的（2）

十四、列表

（1）无序列表--使用 <ul> 标签

简单版：

<!--字体大小搞成h4-->
<h4>无序列表:</h4>
<ul>
  <li>张三</li>
  <li>李四</li>
  <li>罗翔</li>
</ul>

结果：

 升级版：

（2）有序列表--开头用 <ol> 标签。每个列表项的开头是 <li> 标签

<ol>
  <li>李华</li>
  <li>晓丽</li>
  <li>小赵</li>
</ol>

<ol start="8">
  <li>张三</li>
  <li>李四</li>
  <li>罗翔</li>
</ol>

结果：

注意：有序列表还是无序列表主要依靠的是style

行级元素，直到本行不够用了才换行

（3）自定义列表

 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl

十五、表格--每个表格从一个 table 标签开始。 每个表格行从 tr 标签开始。 每个表格的数据从 td 标签开始。

<!--通过修改border改变边框的值，width,height分别改变宽度和高-->
<h4>一列:</h4>
<table border="1" width="200px" height="100px">
<tr>
  <td>100</td>
</tr>
</table>

<h4>一行三列:</h4>
<table border="1">
<tr>
  <td>100</td>
  <td>200</td>
  <td>300</td>
</tr>
</table>

<h4>两行三列:</h4>
<table border="1">
<tr>
  <td>100</td>
  <td>200</td>
  <td>300</td>
</tr>
<tr>
  <td>400</td>
  <td>500</td>
  <td>600</td>
</tr>
</table>

结果：