HTML学习笔记chap2

表格的基本元素

1.行和列；单元格；边距；间距；边框；

表格三要素：行、列、单元格

表格嵌套：在一个表格的单元格中插入另一个表格，大小受单元格大小的限制

表格的相关代码

1.表格标签<table>,用来定义表格，一个表格出现一次。

<table> </table>

2.<tr>行标签,<td>创建表格，<th>设置表头

<table border="1">
    <tr>
        <th>一月</th>
        <th>营业额</th>
    </tr>
    <tr>
        <td>第一周</td>
        <td>1500</td>
    </tr>
    <tr>
        <td>第二周</td>
        <td>1800</td>
    </tr>
    <tr>
        <td>第三周</td>
        <td>2000</td>
    </tr>
</table>

 3.表首标签<thead>,用于定义表格最上端表首的样式，可设置文本颜色、背景颜色。<thead> </thead>

<thead bgcolor="#cccccc" align="left">

 设置了表头颜色（目测是浅灰色）以及对齐方式

4. <tbody>用于定义表格中的主体内容

<tbody bgcolor="#999999" align="left">

"#999999"目测是深灰色 

5.<tfoot>用于设置表尾样式，可设置文本颜色、背景颜色等

<tfoot bgcolor="#999999" align="left">

<tr>

    <td> </td>
</tr>
</tfoot>

6.表格标题<caption>

格式为<caption> </caption>

设置表格大小和行内属性

1.设置表格宽度

<table width="宽度数值/百分比">

2.设置表格高度

<table height="宽度数值/百分比">

3.设置表格中行的高度

<tr height="行高值">

4.设置行的背景颜色bgcolor是background color的缩写

<tr bgcolor="行的背景颜色">

5.设置行内文字对齐方式:居中对齐、左对齐、右对齐；默认对齐方式是左对齐。

<tr align="center">

6.垂直对齐方式，有上对齐，下对齐；top、bottom、middle

<tr valign="垂直对齐方式">

设置表格边框样式

1.表格边框border，可控制边线宽度、颜色，若不指定，则不显示边框。

<table border="边框宽度">

2.边框颜色，不设置时为灰色，想设置什么颜色就直接写颜色的英文。

<table bordercorlor="边框颜色">

3.表格中的单元格间距

<table cellspacing="单元格间距值">

4.表格中文字与边框间距

<table cellpadding="间距值"> 

设置表格背景 

 1.设置表格背景，bgcolor是整个背景颜色，若行或列中设置了颜色，则会覆盖本来背景颜色

<table bgcolor="设置颜色">

2.为表格背景插入图像,要把图片放入文件夹下，并且把图片的名字写进去

<table background="图片地址">

设置单元格样式 

1.设置单元格大小对其中一个单元格设置大小

<td height="" width="">

2.设置单元格颜色背景

<td bgcolor="">

3.设置单元格边框颜色

<td bordercolor="">

4.合并单元格，美化起见要居中对齐，类似于Excel合并后居中

<td colspan="跨的列数">

5.设置单元格垂直跨度，格式为先写跨的行数然后把后面的合并的那一列直接略去，直接写后面的

<td rowspan="跨的行数">