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>则是出现在表格最顶部，
 
标签: table, tr, td, ol, ul

HTML表格边框的设置小技巧

一般我们用表格的时候总会给它个border属性，比如：<table border="1">，其效果如下：

可以发现表格的边框好像很宽，当然这里的“很宽”绝对不是表格border的宽，大家看到的宽应该是<td>之间有间隙所致。因此只需要修改表格的cellspacing属性即可，即：<table border="1px" cellspacing="0px">，效果如下：

但是，好像宽度还是没有我们想象的那样：只有一个像素的宽，其实，上图大家看到的其实是两个像素的宽，为什么呢，这是因为<td>之间的边框没有重合所致。修改表格的border-collapse属性即可，

即<table border="1px" cellspacing="0px" style="border-collapse:collapse">

再给表格加个颜色，<table border="1px" bordercolor="#000000" cellspacing="0px" style="border-collapse:collapse">