资讯专栏INFORMATION COLUMN

html&css学习二

simpleapples / 1103人阅读

摘要:用于定义表格中的单元格,必须嵌套在标签中,一对中包含几对,就表示该行中有多少列或多少个单元格。表格的属性合并单元格跨行合并跨列合并将多个内容合并的时候,就会有多余的东西,把它删除。用于设置表单数据的提交方式,其取值为或。

table用于定义一个表格。 tr 用于定义表格中的一行,必须嵌套在 table标签中,在 table中包含几对 tr,就有几行表格。

td /td:用于定义表格中的单元格,必须嵌套在标签中,一对 中包含几对,就表示该行中有多少列(或多少个单元格)。

表格的属性

合并单元格

跨行合并:rowspan 跨列合并:colspan 将多个内容合并的时候,就会有多余的东西,把它删除。 例如 把 3个 td 合并成一个, 那就多余了2个,需要删除。 公式: 删除的个数 = 合并的个数 - 1

合并的顺序 先上 后下 先左 后右 先确定是跨行还是跨列合并 根据 先上 后下 先左 后右的原则找到目标单元格

删除单元格 删除的个数 = 合并的个数 - 1

body !-- cellspacing 单元格和单元格之间的距离 -- !-- cellpadding 单元格内容距离单元边框的距离 -- table width= 500 border= 1 align= center cellspacing= 0 cellpadding= 0 caption 个人信息表 /caption 表格标题 th 姓名 /th th 性别 /th th 电话 /th /tr td 张三 /td td 女 /td td 1111111115 /td /tr td 李四 /td td 男 /td td 150330123456 /td /tr /table /body

合并单元格

body table width= 400 height= 100 border= 1 td 123 /td td abc /td td abc /td /tr td colspan= 2 123 /td td 测试 /td /tr td 123 /td td abc /td td abc /td /tr /table 1. 先确认跨列合并 colspan 2. 先上后下 先左右后 3. 删除的个数 table width= 400 height= 100 border= 1 td 123 /td td abc /td td rowspan= 3 abc /td /tr td 123 /td td 123 /td /tr td 123 /td td abc /td /tr /table 1. 先确认跨行合并 rowspan 2. 先上后下 先左右后 3. 删除的个数 /body input控件

在上面的语法中, input / 标签为单标签,type属性为其最基本的属性 类型 ,其取值有多种,用于指定不同的控件类型

body table width= 600 border= 0 cellspacing= 0 cellpadding= 0 align= center caption h4 注册会员 /h4 /caption td 地区 /td td input type= text value= 上海 / /td /tr td 用户名 /td td input type= text value= 张三 / /td /tr td 密码 /td td input type= password value= 120 / /td /tr td 性别 /td 男 input type= radio name= sex checked= checked / 女 input type= radio name= sex / /td /tr td 爱好 /td 篮球 input type= checkbox checked= checked / 足球 input type= checkbox / 羽毛球 input type= checkbox / 乒乓球 input type= checkbox / /td /tr td /td input type= button value= 注册 / input type= submit value= 提交 / input type= reset value= 重置 / /td /tr td /td input type= image src= btn.png / /td /tr td 上传文件 /td input type= file s/ /td /tr /table /body form表单 form action= url地址 method= 提交方式 name= 表单名称 各种表单控件 /form

常用属性:

Action 在表单收集到信息后,需要将信息传递给服务器进行处理,action属性用于指定接收并处理表单数据的服务器程序的url地址。 method 用于设置表单数据的提交方式,其取值为get或post。 name 用于指定表单的名称,以区分同一个页面中的多个表单 body form action= method= post 用户名: input type= text name= zhangsan value= 用户名 br / br / 密 码: input type= password name= password1 br / br / 密 码: input type= password name= password2 br / br / input type= submit value= 提交所填 input type= reset value= 重新填写 /form

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/857.html

相关文章

  • html&css学习

    摘要:用于定义表格中的单元格,必须嵌套在标签中,一对中包含几对,就表示该行中有多少列或多少个单元格。表格的属性合并单元格跨行合并跨列合并将多个内容合并的时候,就会有多余的东西,把它删除。用于设置表单数据的提交方式,其取值为或。table用于定义一个表格。 tr 用于定义表格中的一行,必须嵌套在 table标签中,在 table中包含几对 tr,就有几行表格。 td /td:用于定义表格中的单元...

    MartinHan 评论0 收藏0
  • 前端资源系列(4)-前端学习资源分享&前端面试资源汇总

    摘要:特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 本以为自己收藏的站点多,可以很快搞定,没想到一入汇总深似海。还有很多不足&遗漏的地方,欢迎补充。有错误的地方,还请斧正... 托管: welcome to git,欢迎交流,感谢star 有好友反应和斧正,会及时更新,平时业务工作时也会不定期更...

    princekin 评论0 收藏0
  • CSS学习笔记(十三) WAMP5 & SinaAppEngine

    摘要:引言很多时候,我们需要将代码放到服务器上调试。对于小前端来说,集成环境是个非常不错的选择。体积较小,启动速度快,菜单较人性化,小图标有状态显示。划分模块的一个准则就是高内聚,低耦合。为了解决的远程访问问题,我抡起了铺尘的账号。 引言:很多时候,我们需要将代码放到服务器上调试。 对于小前端来说,PHP 集成环境 是个非常不错的选择。在 window 上这类软件有很多,一搜就知道...

    sourcenode 评论0 收藏0
  • 前端-CSS3&H5

    摘要:高度模型浅识为的简写,简称为块级格式化上下文,为浏览器渲染某一区域的机制,中只有和中还增加了和。并非所有的布局都会在开发中使用,但是其中也会涉及一些知识点。然而在不同的纯制作各种图形纯制作各种图形多图预警 一劳永逸的搞定 flex 布局 寻根溯源话布局 一切都始于这样一个问题:怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候,看到 float 属性不...

    Hydrogen 评论0 收藏0
  • 前端-CSS3&H5

    摘要:高度模型浅识为的简写,简称为块级格式化上下文,为浏览器渲染某一区域的机制,中只有和中还增加了和。并非所有的布局都会在开发中使用,但是其中也会涉及一些知识点。然而在不同的纯制作各种图形纯制作各种图形多图预警 一劳永逸的搞定 flex 布局 寻根溯源话布局 一切都始于这样一个问题:怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候,看到 float 属性不...

    xiaolinbang 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<