目录

表格的结构

表格代码结构具体如下:

表格结构网页预览:

合并单元格

单元格合并代码示意

合并单元格网页预览


表格的结构

表格代码结构具体如下:

    <!-- table就是表格的最大标签 --><!-- border 表格边框 --><!-- align 表格在父元素中 对齐方式 --><!-- cellpadding 控制的是内容和边框之间的距离 --><!-- cellspacing 控制的是边框与边框之间的距离 -->
<table border="1" align="center" cellpadding="20" cellspacing="0" width="400" height="300"><!-- 在表格上面水平居中,书写的时候紧跟table标签,意思就是table下面就写这个标签 --><caption>表格的标题</caption><!-- tr是行 --><thead><tr><!-- 如果是第一行 我们称为表头 表头用th标签 --><th>姓名</th><th>年龄</th><th>体重</th></tr></thead><!-- 其它行用td --><tr><td>高航航</td><td>25</td><td>125</td></tr><tr><td>申木木</td><td>22</td><td>100</td></tr></table>

表格结构网页预览:


合并单元格

合并单元格在如今的开发中已经很少用到了,理解即可。

练习单元格合并的时候不要在里面写内容,看起来会更加清晰明了!

跨行(从上到下)rowspan

跨列(从左到右)colspan

单元格合并代码示意

<table border="1" width="600" height="300" cellspacing="0"><tr><!-- 练习合并单元格切记写内容 --><!-- 1.先确定跨行还是跨列合并 --><!-- 2.找到目标单元格,找的规律是 先上后下 先左后右 --><!-- 3.删除多余的单元格 --><td colspan="5"></td><!-- <td></td><td></td><td></td><td></td> --></tr><tr><td></td><td></td><td></td><td></td><td rowspan="4"></td></tr><tr><td></td><td></td><td></td><td></td><!-- <td></td> --></tr><tr><td></td><td></td><td></td><td></td><!-- <td></td> --></tr><tr><td></td><td></td><td></td><td></td><!-- <td></td> --></tr></table>

合并单元格网页预览

HTML学习11:表格相关推荐

  1. 三篇论文,纵览深度学习在表格识别中的最新应用

    本文从三篇表格识别领域的精选论文出发,深入分析了深度学习在表格识别任务中的应用. 表格识别是文档分析与识别领域的一个重要分支,其具体目标是从表格中获取和访问数据及其它有效信息.众所周知,本质上表格是信 ...

  2. 深度学习11个实用技巧

    深度学习11个实用技巧 深度学习工程师George Seif发表了一篇博文,总结了7个深度学习的技巧,本文增加了几个技巧,总结了11个深度学习的技巧,主要从提高深度学习模型的准确性和速度两个角度来分析 ...

  3. RxJava学习 - 11. Switching, Throttling, Windowing, and Buffering

    RxJava学习 - 11. Switching, Throttling, Windowing, and Buffering Buffering Fixed-size buffering Time-b ...

  4. 深度学习-11:神经元、神经网络、人脑和卷积神网络

    深度学习-11:神经元.神经网络.人脑和卷积神网络 深度学习原理与实践(开源图书)-总目录 在生物神经网络中,学习源自于大脑中无数神经元之间的连接.大脑接触到新的刺激后,这些神经元之间的连接改变了配置 ...

  5. 蓝桥杯单片机学习11——PCF8591A/DD/A转换芯片

    上期我们学习了DS1302实时时钟的基本使用,现在我们来学习PCF8591A/D&D/A转换芯片的相关内容 蓝桥杯单片机学习11--PCF8591A/D&D/A转换芯片 PCF8591 ...

  6. STM32单片机学习(11) DS18B20温度传感器实验

    STM32单片机学习(11) DS18B20温度传感器实验 本程序主要实现 DS18B20温度传感器数据获取,并利用串口通信把温度数据传至计算机 注:使用普中科技开发板测试时,需要拔掉Boot1插口, ...

  7. 学生每日计划表_小学生每日学习计划表格怎么制定

    小学生每日学习计划表格怎么制定 导读:小编根据大家的需要整理了一份关于<小学生每日学习计划表格怎么制定>的内容,具体内容:长期按学习计划办事,就会使每天的学习生活很有规律,甚至逐渐形成条件 ...

  8. 学习前端——表格、表单

    学习前端--表格.表单 表格在日常生活中使用的非常的多,比好excel就是 专门用来创建表格的工具, 表格就是用来表示一些格式化的数据的,比如:课程表.银行对账单 在网页中也可以来创建出不同的表格. ...

  9. layui 数据表格下拉框_layui学习——数据表格嵌套下拉列表,并实现动态更新

    layui学习--数据表格嵌套下拉列表,并实现动态更新 项目中有些字段的数据为固定的几个值,这些字段在数据表格中显示为汉字,但在数据库中以数字形式存储,例如:仓库属性(0:普通仓/1:检验仓/2:报废 ...

  10. 动手学深度学习 - 11.7. d2lzh 包索引

    动手学深度学习 - 11.7. d2lzh 包索引 动手学深度学习 - Dive into Deep Learning Aston Zhang, Zachary C. Lipton, Mu Li, a ...

最新文章

  1. 十分钟了解算法面经:百度,寒武纪,作业帮,科大讯飞等常面问题
  2. [转载]注册机破解法的原理以及应对方法
  3. win10商店下载位置_开始菜单终变身但仍不完美!用这些利器让Win10改头换面吧...
  4. MongoDB:mongodb在项目开发时的安全验证、分页查询操作
  5. Cannot add foreign key constraint 错误
  6. R2: 相关系数、复相关系数及半偏相关系数之间的联系
  7. iOS socket 通讯 客户端和服务端(CocoaAsyncSocket 的用法)
  8. C#破解access数据库密码方法
  9. 字符编码(GB 2312、GBK、UTF-8、UTF-16)
  10. 论文学习13Reconstructing the house from the ad: Structured prediction on real estate classifieds(实体关系抽取)
  11. 《我家侯爷不宠我》盛大开机,丹青映画国漫IP再次“破壁”
  12. js中reduce()方法使用
  13. 创造性思维与创新方法-2019春-期末试题
  14. Get a Model! Model Hijacking Attack Against Machine Learning Models
  15. 在线加密解密网站大全2022(更新中ing)
  16. 基于贝叶斯优化的离散组合序列问题调研
  17. 计算机专业mba申请材料案例,MBA申请材料案例分析–简历中的个人简介 第一篇...
  18. (丘维声)高等代数课程笔记:映射的乘法,可逆映射
  19. 曾鸣:取势、明道、立理、优术
  20. 信号槽传递非Qt库类型参数时,出现QObject::connect: Cannot queue arguments of type 'QUuid'(Make sure 'string' is regi

热门文章

  1. win10无法修改计算机域名,修复win10中网页打不开域名解析错误的方法
  2. ERROR:You appear to be running an X sever; pleas exit X before installin
  3. 爱奇艺2020校园招聘全面启动
  4. 【qt】textEdit或者QMessageBox显示中文乱码
  5. 用java写一个判断身份验证是否过期
  6. 【Mayday】五月天至今的专辑列表
  7. Microsoft Edge浏览器隐藏发现(Bing)按钮
  8. ubuntu自带游戏_腾讯IEG开源GAME AI SDK:自动化测试吃鸡、MOBA类游戏
  9. threejs渲染效果
  10. 手机待机图片格式详细解说