表格标签

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>创建表</title></head><body><table align="center" width="50%" border="1px" cellspacing="0px" cellpadding="0px"><tr><td>姓名</td><td>年龄</td><td>班级</td><td>分数</td></tr><tr><td>张三丰</td><td>100</td><td>武当001</td><td>100</td></tr><tr><td>张翠山</td><td>30</td><td>武当002</td><td>30</td></tr><tr><td>name1</td><td>10</td><td>一班</td><td>20</td></tr><tr><td>name1</td><td>10</td><td>一班</td><td>20</td></tr><tr><td>name1</td><td>10</td><td>一班</td><td>20</td></tr></table></body></html>
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>表头,表体,表尾</title></head><body><!--thead 表头tbody 表体 如果不写 浏览器会自动给我们添加tfoot 表尾th 相当于自带加粗和居中效果的 td --><table align="center" width="50%" border="1px" cellspacing="0px" cellpadding="0px"><thead bgcolor="greenyellow"><tr><th>姓名</th><th>年龄</th><th>班级</th><th>分数</th></tr></thead><tbody bgcolor="gray"><tr><td>张三丰</td><td>100</td><td>武当001</td><td>100</td></tr><tr><td>张翠山</td><td>30</td><td>武当002</td><td>30</td></tr><tr><td>name1</td><td>10</td><td>一班</td><td>20</td></tr><tr><td>name1</td><td>10</td><td>一班</td><td>20</td></tr><tr><td>name1</td><td>10</td><td>一班</td><td>20</td></tr></tbody><tfoot bgcolor="coral"><tr><td>总人数</td><td>10</td><td>总分数</td><td>20</td></tr><tr><td>及格人数</td><td>10</td><td>高分人数</td><td>20</td></tr></tfoot></table></body></html>
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>跨行跨列</title></head><body><table border="1px" cellspacing="0px" width="30%" align="center"><tr><!--column span 表格跨列 横向跨列 --><th colspan="3">学生成绩单</th></tr><tr><td>姓名</td><td>学科</td><td>分数</td></tr><tr><!--row span 表格的跨行 纵向跨行--><td rowspan="2">张三</td><td>数学</td><td>100</td></tr><tr><td>语文</td><td>95</td></tr><tr><td rowspan="2">李四</td><td>数学</td><td>98</td></tr><tr><td>语文</td><td>62</td></tr></table></body></html>
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>表格的嵌套</title></head><body><table border="1px" cellspacing="0px" width="30%" align="center"><tr><th colspan="3">学生成绩单</th></tr><tr><td>姓名</td><td>学科</td><td>分数</td>		</tr><tr><td rowspan="2">张三</td><td rowspan="4" colspan="2"><table border="1px" cellspacing="0px" width="100%">	<tr><td>数学</td><td>100</td></tr><tr><td>语文</td><td>100</td></tr><tr><td>数学</td><td>99</td></tr><tr><td>语文</td><td>99</td></tr></table></td></tr><tr></tr><tr><td rowspan="2">李四</td></tr><tr></tr></table></body></html>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/325228.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

《朝花夕拾》金句摘抄(六)

System.out.println("终于看完朝花夕拾"); System.out.println("发现我不怎么适合看这类型的书&#xff0c;虽然对我有帮助"); System.out.println("下一本看金色梦乡");今年是“流言”鼎盛时代&#xff0c;稍一不慎&#xff0c;《现代评论》上就…

分享10道常考Java面试题及答案

转载自 分享10道常考Java面试题及答案 Hi&#xff0c;大家好&#xff0c;今天给大家分享10道常考的Java面试题及答案&#xff0c;涉及到Java中的10个方面。每个领域一道题。希望你能有收获。 <面向对象>什么是面向对象&#xff1f;什么是面向过程&#xff1f;面型对象…

对数据进行插入操作并且获取主键的值

eg. eg:工作中写定时模块&#xff0c;先插入时间段&#xff0c;然后直接获取id

编写高性能 .NET 代码 第二章:垃圾回收 基本操作

基本操作 垃圾回收的算法细节还在不断完善中&#xff0c;性能还会有进一步的提升。下文介绍的内容在不同的.NET版本里会略有不同&#xff0c;但大方向是不会有变动的。 在.net进程里会管理2个类型的内存堆&#xff1a;托管和非托管。本地代码申请的&#xff0c;以及由CLR申请…

《金色梦乡》金句摘抄(一)

System.out.println("《金色梦乡》"); System.out.println("小说类型的书就是比散文类型的书好看"); System.out.println("通俗易懂");&#xff0c;对于描写一个美好圆满的结局有些许抵触樋口晴子和平野晶约在一家荞麦面店见面。迟到的平野晶并无…

如何设计一个高可用的运营系统

转载自 如何设计一个高可用的运营系统 这是一篇来自粉丝的投稿&#xff0c;作者【林湾村龙猫】近一年在做关于运营活动方面的设计。本文是他的关于运营活动的总结&#xff0c;Hollis做了一点点修改。 概述 一个产品业务的发展总是离不开运营二字。随着业务快速的发展以及新…

《金色梦乡》金句摘抄(二)

System.out.println("《金色梦乡》"); System.out.println("小说类型的书就是比散文类型的书好看"); System.out.println("通俗易懂");电视里的播报员看上去像受了伤&#xff0c;声音却十分亢奋。关于爆炸之后的反应&#xff0c;他们的回答基本是…

.Net中的AOP系列之《AOP实现类型》

本系列的实验环境&#xff1a;VS 2017。 读完本章后&#xff0c;可能仍然不能实现自己的AOP工具&#xff0c;但应该对两种主要类型&#xff08;PostSharp和Castle DynamicProxy&#xff09;的AOP工具的运行原理有了基本的理解。PostSharp是一个在编译时编织的后期编译器&#x…

JavaFX官方教程(一)之JavaFX概述

翻译自 JavaFX概述 本章概述了可以使用JavaFX API构建的应用程序类型&#xff0c;下载JavaFX库的位置以及有关正在交付的关键JavaFX功能的高级信息。 JavaFX是一组图形和媒体包&#xff0c;使开发人员能够设计&#xff0c;创建&#xff0c;测试&#xff0c;调试和部署在不同平…

《金色梦乡》金句摘抄(三)

System.out.println("《金色梦乡》"); System.out.println("小说类型的书就是比散文类型的书好看"); System.out.println("通俗易懂");他的外貌本就年轻而干练&#xff0c;再加上一副擅长打动人心的好口才教养气质俱佳的金田贞义和纸醉金迷的赌场…

mybatisPlus的分页查询

结论&#xff1a;不是直接limit进行分页的 而是通过rowBounds进行的

相对定位

<!DOCTYPE html> <html><head><meta charset"utf-8" /><title></title><style>.div1{height: 200px;width: 200px;background-color: gray;/*相对定位 相对于自身原来的位置,移开之后,不会释放原点位置*/position: relat…

详解CockroachDB事务处理系统

本文提到的一些术语&#xff0c;比如Serializability和Linearizability&#xff0c;解释看Linearizability, Serializability and Strict Serializability。 本文中观点大部分都是参考了CockroachDB多篇官方blog,设计文档&#xff0c;代码以及相关资料&#xff0c;相对来说比较…

《金色梦乡》金句摘抄(四)

System.out.println("《金色梦乡》"); System.out.println("小说类型的书就是比散文类型的书好看"); System.out.println("通俗易懂");森田森吾的手朝副驾驶座这边伸了过来。空气似乎在某处破裂了&#xff0c;由此而产生的震动转化为波纹&#x…

JavaFX官方教程(二)之JavaFX体系结构

翻译自 JavaFX体系结构 本章提供了JavaFX体系结构和生态系统的高级描述。 图2-1说明了JavaFX平台的架构组件。图中的部分描述了每个组件以及这些部件如何互连。JavaFX公共API下面是运行JavaFX代码的引擎。它由包含JavaFX高性能图形引擎的子组件组成&#xff0c;称为Prism; …

Work Time Manager【开源项目】- 创建自己日志组件 2.0重构

这次我们真是开始来聊聊开源项目里&#xff0c;小而有用的模块或者组件的开发思想。 同时&#xff0c;软件已经更新到1.60的版本了&#xff0c;支持新用户注册&#xff0c;可以不再使用统一的test账户了。 您可以通过以下路径进行下载&#xff1a; 1、在GitHub上fellow一下项目…

《金色梦乡》金句摘抄(五)

System.out.println("《金色梦乡》"); System.out.println("小说类型的书就是比散文类型的书好看"); System.out.println("通俗易懂");路笔直地朝前延伸。腿脚的疲惫和喘息的痛苦让青柳雅春很想瘫坐休息。河里的鱼儿们都带有商标&#xff0c;有本…

JavaFX官方教程(三)之JavaFX示例应用程序入门

翻译自 JavaFX示例应用程序入门 此示例应用程序集旨在帮助您开始使用常见的JavaFX任务&#xff0c;包括使用布局&#xff0c;控件&#xff0c;样式表&#xff0c;FXML和视觉效果。 Hello World&#xff0c;JavaFX Style JavaFX中的表单设计 用CSS设计的花式设计 使用F…