恢复HTML表格笔记

        表格
        语法:
         标记:
           <table></table>:表示一个表格
               属性:table
                    height
                    align
                    border  边框宽度,取值以px为单位
                    bgcolor
                    cellspacing:单元格外边距(单元格与单元格 或者单元格与表格之间的距离)
                    ccellpadding:单元格内边距(单元格与内容之间的距离)
           <tr></tr>:表示表格中的一行
            
           <tb></tb>:表示行中的一咧
           <th></th>:行/列 标题(加粗,水平居中)
           <caption></caption>:表格的标题
           该元素必须添加在<table>之下,所有tr之上


   表格的复杂使用
    行分组
    允许将若干行划分到 一个组中
     表头行分组
     允许将第一行的内容单独分到表头行分组中
     <thead></thead>
     表尾行分组
     允许将最后行的内容单独分到表尾行分组中
     <tfoot></tfoot>
     表主体行分组
     <tbody></tbody>>


     2、不规则表格创建
      1、通过td 跨行和跨列实现不规则的表格
         1、跨列
         <td colspan=""> 从指定单元格位置处开始,横向向右,合并掉几个单元格(包含自己),被合并的单元格要删除
         2、跨行
       <td crowspan=""> 从指定单元格位置处开始,纵向向下,合并掉几个单元格(包含自己),被合并的单元格
         3、 表格的嵌套
             被嵌套的所有的内容,只能放在td中

    列表
     1、作用:按照一定格式显示数据
       组成:列表联系以及列表项


       value:最终提交给服务器的中
       name:控件的名称,提供给服务器使用
       disaled:禁用控件,该属性没有值,只能看,不能改,并且不能交给服务器

       单选按钮和复选框:
       标记:单选按钮:<input type="radio"/>
            复选框:<inout  type="checkbox"/>
            文本框:<input type="text"/>
            密码框:<input type="password"/>
            提交按钮:<input type="submit"/>
            重置按钮:<input type="reset"/>
            普通按钮:<input type="buton"/>
            文件筐:<input type="file"/>
            隐藏域:<input type="hidden"/>
            文本域:<textarea>文本</textarea>

        标签:表单中的文本,用于控件设置显示名称
        语法:<ladel for="控件id">文本</ladel>
posted @ 2020-03-17 13:50  徐12  阅读(169)  评论(0编辑  收藏  举报