HTML学习日记-第二篇

上节课我们粗略的介绍了一下html的基本标签，接下来我们开始进入表格标签。
表格标签：作用：用来给一堆数据添加表格语义
其实表格是一种数据的展现形式，当数据量非常大的时候，表格这种展现形式被认为是最为清晰的一种展现形式
格式：

<table>
       <tr>
               <td>
                </td>
       </tr>
 </table>

表格标签中的table代表整个表格，也就是一个table标签就是一个表格
表格标签中的tr标签代表整个表格中的一行数据，也就是说一对tr标签就是表格中的一行
表格标签中的td标签代表表格中一行的一个单元格，也就是说一对td标签就是一行中的一个单元格
默认宽度为1，需要在table中添加属性border
表格标签的属性：
1.宽度和高度属性（table、td可用）width/weight=“××px”
默认按照内容自动调整，添加table标签的width/height属性指定宽高
给td标签设置属性，只修改当前单元格的宽高，整个表格不变
2.水平对齐和垂直对齐属性（水平table tr td都可用，垂直只有tr td可用）
水平：align=“center,left,right"
垂直：valign=“top,center,borrom”
给table设置属性，表格左中右移动
给tr设置属性，当前行中所有单元格
给td设置属性，该单元格移动
3.外边距和内边距属性（只有table可用）
外边距：单元格之间的距离
cellspacing=“a” (默认是2px）
内边距：文字和单元格之间的距离
cellpadding+“a”(默认是1px)

细线表格的制作方式：
1.给table标签设置bgcolor
2.给tr标签设置bgcolor
3.给table标签设置cellspacing=“1px”
注意点：
table标签和tr标签以及td标签都支持bgcolor属性

表格标题
在表格标签中提供了一个专门用来设置表格的标题，这个标签叫做caption。只要将标题写在caption标签中，那么标题就会自动相对于表格的宽度居中
注意点：
caption一定要写在table标签中，否则无效
caption一定要紧跟在table标签后面
标题单元格标