zoukankan      html  css  js  c++  java
  • 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属性,是表单的名字,作用就是区别不同的表单,方便后台查找
            - 
    - 
    
    When nothing seems to help, I go look at a stonecutter hammering away at his rock, perhaps a hundred times without as much as a crack showing in it. Yet at the hundred and first blow it will split in two, and I know it was not that blow that did it, but all that had gone before. -- Jacob Riis
  • 相关阅读:
    修改maven远程仓库为阿里的maven仓库(复制)
    Vue下iframe如何实现和父窗口的通信
    Vue在子组件内如何触发父组件的方法
    PhpStorm环境设置Debug
    史上最全的Excel数据编辑处理技巧(转)
    按钮样式
    字符和数字对齐的字体
    使用jquery控制只能输入数字,并且关闭输入法(转)
    Javascript中字符串转换成Date的方法
    MongoDB工具MagicMongoDBTool
  • 原文地址:https://www.cnblogs.com/xhwy-1234/p/12188165.html
Copyright © 2011-2022 走看看