HTML学习记录3

HTML中列表分为3类：

1、有序列表

写法：

<ol>

    <li></li>    <!--列表项-->

    <li></li>

</ol>

属性：

type=“”  1，a,A,i,I 

start="只能填数字"   序列号（从第几个开始）

2、无序列表

HTML中使用最多（重点）

写法：

<ul>

    <li></li>    <!--列表项-->

    <li></li>

</ul>

属性：

type=“”  disc(默认显示 实心的圆点) ；circle空心的圆点；square实心正方形

3、定义列表

写法：

<dl>
   <dt></dt>    <!--标题列-->title
   <dd></dd>    <!--定义列-->description
</dl>

列表之间可以嵌套使用，可以嵌套多个列表

列如：

<ul>
 <li>女装/内衣
<ul>
           <li>春装
     <ul>
<li>上衣</li>
<li>裤子</li>
     </ul>
  </li>
           <li>夏装</li>
           <li>秋装</li>
           <li>冬装</li>
</ui>
 </li>
 <li>男装/运动户外</li>
 <li>女鞋/男鞋/箱包</li>
</ul>

表格
没有div+css时，表格布局
现在：数据的陈列

写法：
<table>
    <caption>表格的标题</caption>
    <!--列（单元格）包括在行中-->
    <tr>      <!--行-->
        <td>     <!--标题列-->
        </td>
   </tr>
   <tr>      <!--行-->
       <td>     <!--数据列-->
      </td>
  </tr>
</table>
每一行列数相等
表格的属性：
border="1" 边框宽度为1
bordercolor="red" 边框的颜色
cellspacing="0" 格线与格线的间隙
cellpadding="" 内容与格线的间距(不推荐用来控制表格的尺寸)
width="" height="" 宽高
align="" 对齐的方式 left、center、right
bgcolor="" 背景色
background="" 背景图片

tr,td的属性：
width="" height="" 宽高
align="" 对齐的方式 left、center、right
bgcolor="" 背景色
background="" 背景图片
align="" 对齐的方式 left、center、right


td,th 的区别（th有的，td没有）
居中，字体加粗

就近原则
 table，tr,td（或th）的背景同时设置
td(或th)>tr>table

合并单元格
(1)合并列(在同行中，从左到右，在同行中删除)
colspan="2"  合并两个单元格
(2)合并行（在相邻行中，从上到下）
rowspan="2" 合并两个单元格