HTML学习11:表格
目录
表格的结构
表格代码结构具体如下:
表格结构网页预览:
合并单元格
单元格合并代码示意
合并单元格网页预览
表格的结构
表格代码结构具体如下:
<!-- 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:表格相关推荐
- 三篇论文,纵览深度学习在表格识别中的最新应用
本文从三篇表格识别领域的精选论文出发,深入分析了深度学习在表格识别任务中的应用. 表格识别是文档分析与识别领域的一个重要分支,其具体目标是从表格中获取和访问数据及其它有效信息.众所周知,本质上表格是信 ...
- 深度学习11个实用技巧
深度学习11个实用技巧 深度学习工程师George Seif发表了一篇博文,总结了7个深度学习的技巧,本文增加了几个技巧,总结了11个深度学习的技巧,主要从提高深度学习模型的准确性和速度两个角度来分析 ...
- RxJava学习 - 11. Switching, Throttling, Windowing, and Buffering
RxJava学习 - 11. Switching, Throttling, Windowing, and Buffering Buffering Fixed-size buffering Time-b ...
- 深度学习-11:神经元、神经网络、人脑和卷积神网络
深度学习-11:神经元.神经网络.人脑和卷积神网络 深度学习原理与实践(开源图书)-总目录 在生物神经网络中,学习源自于大脑中无数神经元之间的连接.大脑接触到新的刺激后,这些神经元之间的连接改变了配置 ...
- 蓝桥杯单片机学习11——PCF8591A/DD/A转换芯片
上期我们学习了DS1302实时时钟的基本使用,现在我们来学习PCF8591A/D&D/A转换芯片的相关内容 蓝桥杯单片机学习11--PCF8591A/D&D/A转换芯片 PCF8591 ...
- STM32单片机学习(11) DS18B20温度传感器实验
STM32单片机学习(11) DS18B20温度传感器实验 本程序主要实现 DS18B20温度传感器数据获取,并利用串口通信把温度数据传至计算机 注:使用普中科技开发板测试时,需要拔掉Boot1插口, ...
- 学生每日计划表_小学生每日学习计划表格怎么制定
小学生每日学习计划表格怎么制定 导读:小编根据大家的需要整理了一份关于<小学生每日学习计划表格怎么制定>的内容,具体内容:长期按学习计划办事,就会使每天的学习生活很有规律,甚至逐渐形成条件 ...
- 学习前端——表格、表单
学习前端--表格.表单 表格在日常生活中使用的非常的多,比好excel就是 专门用来创建表格的工具, 表格就是用来表示一些格式化的数据的,比如:课程表.银行对账单 在网页中也可以来创建出不同的表格. ...
- layui 数据表格下拉框_layui学习——数据表格嵌套下拉列表,并实现动态更新
layui学习--数据表格嵌套下拉列表,并实现动态更新 项目中有些字段的数据为固定的几个值,这些字段在数据表格中显示为汉字,但在数据库中以数字形式存储,例如:仓库属性(0:普通仓/1:检验仓/2:报废 ...
- 动手学深度学习 - 11.7. d2lzh 包索引
动手学深度学习 - 11.7. d2lzh 包索引 动手学深度学习 - Dive into Deep Learning Aston Zhang, Zachary C. Lipton, Mu Li, a ...
最新文章
- 织梦lamp环境搭建
- php程序中报date错误
- c语言程序设计华北电力大学,华北电力大学-《C语言程序设计》复习资料.pdf
- oracle c#帮助文档下载,C#使用OracleClient连接Oracle数据库小记
- Codeforces 1139F Dish Shopping 树状数组套平衡树 || 平衡树
- C++ 语言基础 —— STL —— 算法 —— 二分查找算法
- Spark SQL介绍和特点
- 如何到top5%?NLP文本分类和情感分析竞赛总结
- 微软ad域管理工具_比较好的第三方微软AD域管理工具有哪些?
- 支持向量机(Vladimir Vapnik)
- 清华计算机学院教师名单,清华大学计算机科学与技术系导师教师师资介绍简介-艾海舟...
- linux版本的pdf软件,3款可以注释标注的Linux版pdf阅读器评测
- 香槟分校计算机科学排名,伊利诺伊大学厄巴纳香槟分校计算机科学computer science专业排名第29名(2020THE泰晤士高等教育世界大学排名)...
- 胎儿产科生长发育曲线 ,体重估计,公式和绘图、参考文献、python代码
- 解决:严重: Compilation error org.eclipse.jdt.internal.compiler.classfmt.ClassFormatException
- 【数据分析自学】一、系统认识数据分析
- 安装docker和docker的开机启动及容器的开机自启
- css的几种布局方式都在这
- 3C认证和CQC认证怎么区分,详解
- 扎心了!当代大学生孤独等级测试,你是第几级?