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

     

  • 相关阅读:
    限制浏览器回退
    thinkphp R方法传参
    MYSQL优化学习总结
    mysql安全小结
    深度解析PHP数组函数array_slice
    深度解析PHP数组函数array_chunk
    深度解析PHP数组函数array_combine
    深度解析PHP数组函数array_merge
    并发编程学习笔记(二十一、ArrayBlockingQueue、LinkedBlockingQueue源码分析)
    并发编程学习笔记(二十、CyclicBarrier源码分析)
  • 原文地址:https://www.cnblogs.com/wangyihong/p/6101216.html
Copyright © 2011-2022 走看看