ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Html table

2020-08-16 20:36:10  阅读:260  来源: 互联网

标签:checked 表格 标签 单元格 表单 Html table 属性


一、什么是表格

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

        2、判断行数和列数

        3、用行去包含单元格

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

5、表格的各大属性

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

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

  Border:表格的边框

  width:表格的宽

  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

默认单选选中 1、checked="checked

                      2、checked

                      3、checked=true

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

                         2、checked

                         3、checked=true

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

       2、selected

       3、selected=true

标签:checked,表格,标签,单元格,表单,Html,table,属性
来源: https://www.cnblogs.com/cxyll990414/p/13514030.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有