1. 表格

- 表格用来展示数据,可以让数据显示整齐规范
- 完整的表格有表格标签(table),行标签(tr),单元格标签(td)组成,没有列标签
- tr中只能嵌套td类的单元格
- td标签就像一个容器可以容纳所有元素
- 表格属性
    //border 设置表格的边框(默认border="0" 无边框) 常用属性值 像素
    //width 设置表格的宽度 
    //height 设置表格的高度
    //align 设置表格在网页中的水平对齐方式---》 三个值:left center right
    //cellspacing 设置单元格与单元格边框之间的空白距离
    //cellpadding 设置单元格内容与单元格边框之间的空白距离
- 表头单元格标签
    //th 一般是表格的第一行或者第一列,并且居中加粗显示
        ## 只需要把<th> </th>替换<td> </td>
- 表格标题标签caption
    //定义表格标题,并且会被居中显示表格之上
    //caption标签必需紧随table标签之后
    //这个标签只存在表格中才有意义
- 合并单元格
    //clospan 跨列合并;rowspan 跨行合并
    //三步曲:1.先确定是跨行合并还是跨列合并;2.根据先上后下,先左后右的规则找到目标单元格,然后写上合并方式和数量-》<td>clospan="3"</td>;3.删除多余的单元格
- 表格的结构划分
    //thead  题头
    //tbody  正文
    //tfoot  脚注
    ## 就是用相应的标签把原来的表格标签包住即可,注意:thead中必须要有tr行标签

2. 列表

- 用来布局,列表可以让页面布局整齐规范;容器中装载着结构,样式一致的文字或者图表的一种形式,组合自由度比表格更高
-  无序列表  ul应该是unorder list;li 应该是list
    //<ul></ul>中只能嵌套<li></li>,输入其他标签或者文字是不被允许的
    //<li>与</li>之间相当于容器,可以容纳所有元素
- 有序列表  ol应该是order list,使用的相对较少
    //用法跟无序列表一样,但是会有数字排序
- 自定义列表
    //对术语或者名词进行解释和描述
    ## 格式如下:
<dl>
    <dt>名词</dt>
    <dd>解释1</dd>
    <dd>解释2</dd>
</dl>

3. 表单:表单用来收集用户信息

- 表单控件
    //input控件,单标签,
        - type属性 有text(文本)、password(密码不会直接显示)、radio(单选按钮)、checkbox(复选多选按钮)等
            ## 单选和复选是通过相同的name  
            ## checked(默认选中按钮)常用语单选或者复选按钮 checked="checked"
            ## button 普通按钮,需要设置value值  
            ## submit提交按钮,可以不用设置value值 
            ## reset 重置按钮
            ## image 必须有src属性 
            ## file 文件域,上传文件用的
        - value属性  value="文字内容",是input框中的提示信息
        - name属性,是表单的名字,作用就是区别不同的表单,方便后台查找
        - 
- 
posted @ 2020-01-13 17:04  昭昭木木  阅读(98)  评论(0编辑  收藏  举报