html --table

2号刮台风了，停更。

今天说的是table，不过这个在html5中不常用了，大多数用的是div和css盒子用法

<table border=”” bgcolor=”” background=”” cellspacing=”” cellpadding=””>

//边框，背景颜色，背景图片，表格线条，表格之间间距

border,cellspacing,cellpadding不设置值时有默认值，cellspacing是每个单元格之间有间距，cellpadding是不同模块之间的间距。

Table可添加属性align=”” width=””height=””

 frame=”box above below vsides hsides”

全包围的线，上线、下线，左右线，上下线

<caption>表格的标题</caption>

<tr>   //一行

//th和td的区别，表头和表格数据，th是表头，字体上较粗

<th bgcolor=””background=””>单个单元格的背景设置</th>

<td></td>

<th colspan=”2”>一个单元格占2个单元格

</tr>

</table>

二、运用colspan和rowspan来合并列和合并行

<table border="1"  align="center" >
    <tr>
        <td colspan="2">称谓</td><td>姓名</td><td>年龄</td><td>备注</td>
    </tr>
    <tr>
        <td rowspan="4">长辈</td><td>父亲</td><td>libai</td><td>libai</td>
        <td rowspan="10">
            <ul>
                <li></li>
            </ul>
        </td>
    </tr>
    <tr><td>母亲</td><td>libai</td><td>libai</td></tr>
    <tr><td>祖父</td><td>libai</td><td>libai</td></tr>
    <tr><td>祖母</td><td>libai</td><td>libai</td></tr>
        <tr><td rowspan="2">同辈</td><td>兄 </td><td>libai</td><td>libai</td></tr>
        <tr><td>妹</td><td>libai</td><td>libai</td></tr>
        <tr><td colspan="2">邻居</td><td>libai</td><td>libai</td></tr>
        <tr><td rowspan="2">宠物</td><td>猫</td><td>libai</td><td>libai</td></tr>
        <tr><td>狗</td><td>libai</td><td>libai</td></tr>
</table>

三、img标签

<img src="图片路径" alt="图片描述" title="图片的标签" width="设置宽度">

3-1设置图片的地图

<img src="" usemap="#lol">

<map name="lol">

<area shape="rect circle default poly" coords="区域的坐标" href="链接">