zoukankan      html  css  js  c++  java
  • html 入门2-表

     html  入门-列表 表格 表单

    一.表标签

      1,无序列表 ( ul;li )

     

    注意:代码排版必须要层次分明

     

      2,有序列表 (ol;li

      

      3,自定义列表 (dl;li

     

     

    二.表格标签

      1,table: 表的意思 (tr 行;td 列

      2,border: 设置表格边框,值越大,边框越粗

        常设值:0或1

     

     

     

      3,cellpadding: 单元格的内容 距离 单元格四周边线的距离

                数值越大,距离越大

                常设值:0

     

     

     

     

      4,cellspacing: 单元格与单元格之间的 距离

        数值越大,距离越大

        常设值:0

     

     

     

     

      5,height: 高,可以给固定值,也可以给百分比(高,设在行(tr)中

      6, 宽,可以给固定值,也可以给百分比(宽,设在列(td)中

    注意:最好先设置宽和高,再填写内容!

    三.单元格的属性:针对单元格中输入的内容

      1,align: 水平对齐方式

        left(靠左,默认值), center(居中), right(靠右

         2,valign: 垂直对齐方式

            top(顶部),middle(中间,默认值),bottom(底部)

           3,th: 表头  里面的内容会加粗,居中

     

     

      4,rowspan: 跨行(竖着合并单元格)

     

     

      5,colspan: 跨列(横着合并单元格)

     

     

      * 制表秘籍:*

              1.数行数列         2.打出表格雏形      3.表格合并

              4.设计宽、高      5.填上必要参数      6.填写内容

              7.去边框,完善工作

    四.表单:

      用途: 登录,注册,搜索,发布留言....

      1,文本框 type="text"

      2,密码框 type="password"

      3,单选框 type="radio" (name的值必须一样)        

      4,多选框 type="checkbox"

      5,Checked:表示默认值,用来标记默认选项

      6, value : 表示输入框的值。

      7, placeholder: 表示输入框的输入提示说明, 当输入内容时会隐藏。

        placeholder = “请输入6位数的密码”。

     

     

     

      5,下拉列表 (select

     

          

      6,上传 type="file"

      7,按钮type="button" 或<button>按钮</button>

      8,提交type="submit"

      9,重置type="reset"

     

     

      10,多行文本框  ( textarea

     

  • 相关阅读:
    11.2hadoop监控:日志配置、堆栈跟踪、度量和JMX
    11.1.3hadoop工具dfsadmin、fsck、数据库扫描器、均衡器
    11.1.2hadoop 安全模式
    11.1.1namenode和datanode的数据结构和格式以及镜像fsimage和编辑日志edit
    10.5 hadoop集群基准评测程序测试
    10.4 hadoop安全性kerberos安全验证和委托令牌
    零基础学习python_生成器(49课)
    安全测试5_服务端的安全漏洞(SQL注入、命令注入、文件操作类)
    安全测试4_客户端的安全漏洞(XSS、CSRF、点击劫持、URL跳转)
    零基础学习python_魔法方法(41-48课)(迭代器)
  • 原文地址:https://www.cnblogs.com/wangyihong/p/6101216.html
Copyright © 2011-2022 走看看