HTML学习日记（2）-HTML基础列表、表格、媒体元素、html5元素

---

1. 列表

在网页的布局中，经常需要使用列表对数据进行展示。
通过列表展示的数据更有结果性，条理性，能够使用户更容易发现自己关注的信息。

列表的分类：

1. 无序列表
2. 有序列表
3. 定义列表

无序列表

使用无序列表时，列表中每一项是一种并列，没有顺序的含义。

<!--一个无序列表-->
<ul>
  <li>列表项1</li>
  <li>列表项2</li>
  ...
  <li>列表项n</li>
</ul>

<ul>
  <a><img /></a>   <!--错误的写法，ul的子标签只能是li-->
  <li> <!--合法的写法-->
  	<a>
      	<img />
      </a>
  </li>
</ul>

注意：无序列表<ul>的直接子级标签只能是<li>。在<li>之内才可以根据自己的需要编写其他的标签。

  <ul>
  	<p></p>  <!--这是一种错误的写法，p标签不是ul允许的直接子元素。-->
  	<li>
  		<p></p>  <!--这种写法是合法的-->
  	</li>
  </ul>

无序列表的每个一个列表项在默认情况下都有一个项目符号（默认实心圆）。通过制定type属性可以修改项目符号

type属性允许的值：

• disc: 默认值，实心圆
• circle: 空心圆
• square：方块

默认支持的项目符号并不美观，在大多数情况，都需要将项目符号去除（通过css实现）。

有序列表

与无序列表相似，有序列表强调的语义是一种顺序。

  <!--一个有序列表-->
  <ol>
  	<li>列表项1</li>
  	<li>列表项2</li>
  	...
  	<li>列表项n</li>
  <