HTML基础（二）———表格和列表

HTML中标准的表格类标签就是<table>

一个<table>标签由一个或多个<tr>，<th>和<td>元素组成，其中<th>是表头，<tr>就是用来定义表格的行，<td>就是用来定义表格单元；这是最基本的表格结构，也是最简单的表格结构,<table>的元素还包括<caption>,<col>,<colgroup>,<thead>,<tfoot>，<tbody>。对于更高级，更复杂的表格设计会用上这些元素进行进一步的改进。

<table>标签具有许多属性：aglin，bgcolor，border，cellpadding，cellspacing，frame，rules，summary和width。

aglin：规定表格相对周围元素的对齐方式，不过在学习样式后建议用样式替代。

bgcolor：是用来规定表格的背景颜色的,和aglin一样背景颜色也一般使用样式替代改变。

border：用改规定表格的边框的大小。

cellpadding：规定单元边沿和其内容之间的空白，可以理解为内容和边框线的距离。

cellspancing：用来规定单元格之间的距离。

frame：规定外侧边框的哪个部分可见。

rules：规定内边框的哪个部分可见。

summary：规定表格的摘要。

width：固定表格的宽度。

这些就是<table>标签的基本属性值，可以通过改变他们来改变表格的基本样式。

 

 

HTML中的列表标签有<ul>,<ol>和<dl>

其中<ul>是无序标签，用小黑点进行标记；<ol>是有序标签，用数字进行标记；<dl>是自定义列表，自定义列表中列表项是以<dt>元素开始的，<dd>是每个自定义列表项定义的开始，也就是附加信息，是其他两个列表所不具备的。

<ul>，<ol>的列表项都是<li>标签，<dl>的列表项上面已经提过了是<dt>。

 

其中<ul>是比较常用的列表标签，它的基本属性：compact，type。其中compact是用来呈现列表效果比正常情况更小，这里也是不推荐使用的，type则是用来规定列表的项目符号类型的，也是不推荐使用的，一般对于<ul>标签的属性设定都是用样式来解决的。

 

<ol>作为有序标签和<ul>一样具备了compact属性，但是这个属性在H5中已经不能使用了但在H4中还是可以用的。除了compact意外<ol>标签还有：reversed，start，type。type的属性效果和<ul>标签的一样，reversed是H5中的属性，主要是用来改变列表顺序为降序的。start是用来设定有序列表的起始值。

 

<dl>作为一个自定义列表，一般通过修改样式来改变它的格式。它本身也不具备属性。