HTML列表及表格的基本应用

1、有序列表和无序列表都是在网站制作中经常使用的，有序列表标签是<ol></ol>,列表的每一行是<li></li>。如下图

2、在<ol>中可以添加type标签，如1，A,a等便会呈现不同的编码，如

呈现出来便是这样的，如图

3、无序列表的标签是<ul></ul>,列表的每一行也是用<li></li>来表示，它也有不同的type，如图

呈现出来便是这样的，如图

4、a标签不止有超链接的功能，还有锚点的功能，锚点可以通过点击它回到指定地点，如回到顶部是<a href="#">回到顶部</a>

5、表格的标签是<table></table>，<tr></tr>是行，<td></td>是单元格，那么表格可以如下表示

上图表示的是一行三列，若行数增加就再加一个如上图一样的<tr></tr>,三列依然是三个<td></td>。

6、table可以设置属性如border，它代表边框，一般设置为1px，还可设置表格的宽和高，即width和height。也可以直接给单元格<td>设置宽度，可以取百分比如30%。<th></th>属性是指表格的标题，如下图

7、可以给行或者列的内容位置加属性，位置标签是align,如center,left,right,bottom等，水平位置的中是center,垂直位置的中是middle，它们就是定义表格内容的位置，如

8、表格中合并单元格的标签有两个，一个是横向合并的colspan，一个是纵向合并的rowspan。

9、<tfoot></tfoot>标签里的内容会出现在表格最底部，<thead></thead>则是出现在表格最顶部，如下图