zoukankan      html  css  js  c++  java
  • HTML笔记(二)

    一、什么是表格

    1、表格:是有多个单元格组沉成来显示数据的
    2、表格的标签:table
    3、表格的组成   tr  单元格  td
    4、建立表格步骤
        1、建立表格,

            2、判断行数和列数

            3、用行去包含单元格

            4、在每个单元格中去添加内容

    5、表格的各大属性

      cellspacing:边框与边框之间的距离

      Cellpadding:单元格内容与边框之间的距离

      Border:表格的边框

      表格的宽

      height:表格的高

    6、表格的结构:

      标题:caption标签       表格的标题,caption只在表格中使用

      表头:thead标签 表格的第一行,一般用来描述每一列所显示的内容,thead标签讲第一行包起来,然后用th替换td,单元格中的内容相对于单元格水平居中,且加粗

      表格主体:tbody标签

     

    知识点二:合并单元格

    步骤

    1判断是跨行合并还是跨列合并

    2、跨行合并用rowspan属性,跨列合并用colspan属性

    3、将属性写在需要合并的单元格上

    4、将合并的行数或者列数写在对应的属性值中

    5、将多余的单元格注释掉

    知识点三:表单

    1、各个网站的注册页面就是表格实现的

    2、作用:显示、存储、提交数据

    3、组成:表单域、表单标签、提交按钮

    表单标签:action:表单向后台提交的地址 

           method:向后提交的方式 get  post

    表单域:表单中的元素  :包含了文本框、密码框、隐藏域、多行文本框、

        复选框、单选框、下拉选择框和文件上传框

        input控件

        普通的文本框   type = text

        获取焦点:光标放在输入框内,可以打出文字

        单击指定名字获取焦点需要将label标签中的属性值与input输入框的属性值保持一级即可 

        value:输入框的值 

        placeholder:提示信息 

    密码框 :type=post

    单选框:type =radio

    默认单选选中 1checked="checked

                          2checked

                          3checked=true

    多选框:默认多选选中 1checked="checked

                             2checked

                             3checked=true

    选择框默认选中1selected=”selected”

           2、selected

           3、selected=true

           4、按照淘宝注册分别讲解form表单

  • 相关阅读:
    【ES6】数组的扩展——扩展运算符
    【ES6】函数的扩展
    菜鸡程序员是如何写代码的?
    我是技术总监,我出来求职,竟然找不到工作!
    为什么互联网公司天天都在招人?
    这个立冬,我线下面基了一位TMD高级专家,太牛逼了!
    太可怕了!有些码农为啥写代码,写到监狱里去了?
    56岁潘石屹生日当天宣布要学编程语言Python,网友:地产商来抢码农饭碗了!
    如何写出让同事无法维护的代码?
    hdu 1037 Keep on Truckin'
  • 原文地址:https://www.cnblogs.com/chengxiao35/p/13513082.html
Copyright © 2011-2022 走看看