手机html table,Html table

本文详细介绍了HTML表格的构造、属性设置,包括单元格合并、表头定义,以及表单的基础概念、注册页面应用和组成部分。涵盖了表格标签、thead、tbody、caption、rowspan和colspan等关键知识点。
摘要由CSDN通过智能技术生成

一、什么是表格

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值