web的学习总结

最新推荐文章于 2024-06-25 06:17:50 发布
最新推荐文章于 2024-06-25 06:17:50 发布
阅读量158 收藏
点赞数
文章标签： web html table
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zyf_1998/article/details/102966190
版权

表格

1、表格的作用
按照一定的格式摆放数据
表格是由一些被称为单元格的矩形框组成，按照从左到右，从上到下的顺序。
2、表格的创建
创建一个表格
1、定义表格
2.创建行 tr
3.创建单元格 td
表格的属性
table
1.boder 边框
2.cellpadding 单元格的内边距（单元格边框与内容之间的距离）
3.cellspacing 单元格的外边距（单元格和单元格之间的距离）
4.width 宽度
5.height 高度
6.align 调整水平位置
7.bgcolor 背景颜色
tr
1.align 调整内容水平对齐方式
2.valign 调整内容垂直对齐方式
3.bgcolor 背景颜色
td
1.width 宽度
2.height 高度
3.align 水平对齐
4.valign 垂直对齐
5.colspan 横向合并单元格 后面写的数值包含自己 并且我们合并掉的单元格要删除
6.rowspan 纵向合并单元格 后面写的数值包含自己 并且我们合并掉的单元格要删除
<caption>日常九宫格</caption>
表格的标题 默认：表格上方居中位置
每个表格最多只能有一个标题（约定俗成）但是可以写多个标题

实例
在这里插入图片描述
源代码

	<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<table border="1" cellspacing="0" cellpadding="0" width="600px" align="center" background="img/01.jpg">
			<thead>
			<tr height="50px" align="center">
				<td colspan="5">个人求职简历</td>
			</tr>
			</thead>
			<tbody>
			<tr height="30px" align="center">
				<td width="80px">姓名</td>
				<td width="150px"></td>
				<td width="80px">性别</td>
				<td width="150px"></td>
				<td rowspan="6"></td>
			</tr>
			<tr height="30px" align="center">
				<td>年龄</td>
				<td></td>
				<td>出生日期</td>
				<td></td>
			</tr>
			<tr height="30px" align="center">
				<td>所在城市</td>
				<td></td>
				<td>从事行业</td>
				<td></td>
			</tr>
			<tr height="30px" align="center">
				<td>学历</td>
				<td></td>
				<td>民族</td>
				<td></td>
			</tr>
			<tr height="30px" align="center">
				<td>婚姻状况</td>
				<td></td>
				<td>身份证</td>
				<td></td>
			</tr>
			<tr height="30px" align="center">
				<td>毕业学校</td>
				<td></td>
				<td>计算机能力</td>
				<td></td>
			</tr>
			<tr height="30px" align="center">
				<td colspan="5"></td>
			</tr>
			<tr height="30px" align="center">
				<td rowspan="3">家庭成员</td>
				<td>姓名</td>
				<td>成员关系</td>
				<td>职务</td>
				<td>工作单位</td>
			</tr>
			<tr height="30px" align="center">
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr height="30px" align="center">
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr height="30px" align="center">
				<td colspan="5"></td>
			</tr>
			<tr height="30px" align="center">
				<td rowspan="5">工作经历</td>
				<td>工作时间</td>
				<td>公司名称</td>
				<td>职务名称</td>
				<td>所属部门</td>
			</tr>
			<tr height="30px" align="center">
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr height="30px" align="center">
				<td rowspan="2"></td>
				<td rowspan="2"></td>
				<td></td>
				<td></td>
			</tr>
			<tr height="30px" align="center">
				<td></td>
				<td></td>
			</tr>
			<tr height="30px" align="center">
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr height="30px" align="center">
				<td colspan="5"></td>
			</tr>
			<tr height="30px" align="center">
				<td rowspan="2">教学经历</td>
				<td>时间</td>
				<td>学校</td>
				<td colspan="2">学历</td>
			</tr>
			<tr height="30px" align="center">
				<td></td>
				<td></td>
				<td colspan="2"></td>
			</tr>
			<tr height="30px" align="center">
				<td colspan="5"></td>
			</tr>
			<tr height="30px" align="center">
				<td rowspan="2">培训经历</td>
				<td>培训时间</td>
				<td>培训机构</td>
				<td colspan="2">培训内容</td>
			</tr>
			<tr height="30px" align="center">
				<td></td>
				<td></td>
				<td colspan="2"></td>
			</tr>
			<tr height="30px" align="center">
				<td>备注</td>
				<td colspan="4"></td>
			</tr>
			<tr height="30px" align="center">
				<td colspan="5"></td>
			</tr>
			<tr height="120px" align="center">
				<td>自我评价</td>
				<td colspan="4"></td>
			</tr>
		</tbody>
		</table>
	</body>
</html>
zyf_1998
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
web复习总结
zx616122的博客
09-15 193
程序练习 1. 用Vue.js来输出一个微信内滴滴打车的WebApp首页Tab(首页含有巴士、快车、专车、顺风车、出租车、代驾) html <div id=”didi-navigator”> <ul><li v-for=”tab in tabs”>{{ tab.text}} </li> </ul> </div> js New Vue({ el:’# didi-navigato
web知识点总结
weixin_66107760的博客
10-07 166
web知识点总结
WEB基础知识总结
eatBallBall的博客
07-26 4948
网页通常由结构、样式、行为这三个方面组成，他们分别对应了结构——HTML（后缀名.html）样式——CSS（后缀名.css）行为——JavaScript（后缀名.js）接下来我们分别讨论HTML和CSS我们需要掌握的内容，以及需要注意的细节。...
看这玩意复习你还会挂科？《web开发1篇》
热门推荐
hebtu666
01-14 1万+
#第一章 Web基础知识 Web开发基本概念 1、万维网是一个由许多相互链接的超文本组成的系统，通过互联网访问。 2、web：worldwideweb，万维网，简称web，www，通常称为网页。 3、web开发：进行网页页面制作及其阁下你给功能开发。 4、浏览器：显示网页内容，并让用户与这些文件交互 一种软件。（常用：IE、谷歌、火狐） 5、web服务器：提供web服务的计算机。 6...
web总结
weixin_43470574的博客
04-01 253
1、JDBC 一、JDBC概述 1、什么是JDBC JDBC：Java数据库连接 利用Java语言访问数据库的一门技术 2、为什么要学习JDBC 后面在开发中更多是通过Java程序来访问数据 通过Java程序来访问数据需要用到JDBC这门技术 3、如何通过JDBC访问数据库 //1.注册驱动 //2.获取连接 //3.获取传输器 //4.执行sql语句,返回执行结果 //5.处理结果 //6.释...
第一次学习Web的总结
weixin_74155781的博客
10-20 2254
Web前端的学习总结
Web知识总结
null
09-03 559
HTML（结构 封装思想 默认距浏览器边框10px） 1.头标签的设置 &amp;amp;lt;title&amp;amp;gt;设置标题&amp;amp;lt;/title&amp;amp;gt; &amp;amp;lt;meta name=&amp;quot;keywords(关键字)&amp;quot; content=&amp;quot;内容&amp;quot; charset=&amp;quot;utf-8
web学习总结
03-01
这是比较基础的web学习资源，可以帮助理解web的开发，
移动web学习总结 .docx
12-31
移动web学习总结 .docx
web学习总结（2）
05-29
NULL 博文链接：https://fernador.iteye.com/blog/1127472
全套javaWeb总结
11-13
javaWeb详细文档，有助于查阅或者学习，详细罗列了javaWeb中用到的知识点。积分有可能随下载量变化，如果需要资源可以给我留言
WEB标准学习经验总结
01-19
１、必备工具　其实web标准并不是很复杂的技术，实现web标准的工具也很简单，说白了，只要可以进行纯文本编辑的软件，都可以作为代码编写的gon工具。例如记事本、UltraEdit甚至CuteFTP的编辑器（象我这种懒人有时候...
WEB前端学习总结
08-10
HTML是超文本标记语言的英文缩写，这是一种标记语言，不需要进行编译，直接由浏览器执行。HTML文件是一个文本文件，包含了一些HTML元素、标签等。
Web相关知识总结
qq_45113193的博客
03-28 448
1.HTML 基本知识 HTML （Hyper Text Markup Language-超文本标记语言）不是一门编程语言，而是一种用来告知浏览器如何组织页面的标记语言。HTML 可复杂、可简单，一切取决于开发者。它由一系列的元素（elements）组成，这些元素可以用来包围不同部分的内 容，使其以某种方式呈现或者工作。 一对标签（ tags）可以为一段文字或者一张图片添加超链接，将文字设置为斜体，改变字号，等等。 <html> <head> <title>欢迎来
JavaWeb学习总结（期末总结）
Etui۹(･༥･´)و的博客
12-20 7415
本学期的JavaWeb课程课时较多，分为理论课和实验课两部分，学习过程比较坎坷，主要原因是相关技术的原理晦涩难懂。在此之前，我对Web相关的技术也有一定的了解。我大一时开始学习Web开发技术，在大二下学期之前一直都在学习Web前端，在大二下学期开始学习Web后端技术，而JavaWeb是我学习后端开发的起点。
浅谈web认识
qq_44102963的博客
07-18 932
浅谈web认识浅谈web认识新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 浅谈web认识 ** Internet： 中文名因特网，是由所有使用公共语言互相同通信的计算机连接而组成的全球网络。 WWW： 是world Wi
学习完WEB之后的个人总结
q1047275457的博客
11-03 1230
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、WEB环境搭建1.1下载服务器：1.2安装部署：1.3Tomcat目录结构1.4创建web二、Servlet2.1 Servlet是什么2.2 Servlet API2.3 创建第一个Servle2.4 Servlet 工作原理2.5 Servlet 生命周期2.6 Servlet请求、响应、会话常用三、JSP3.1 什么是JSP3.2 JSP中嵌套java代码3.3 JSP的内置对象*****3.4 JSTL四、Servl
web学习总结1
qq_45097213的博客
09-23 1985
1.第一周我开始了解什么是web动态网站： 了解了动态网站和静态网站的区别： 静态网站无法实现搜索、购买、登录等交互功能，无法对静态页面的内容进行实时更新。 学习了web设计必须的开发软件Tomcat的安装、启动、停止。 2.第二周我开始学习在intellig里创建web项目： 添加Web服务器配置 在项目结构窗口里给项目添加Web功能 添加项目对应用服务器库的依赖 在项目的web目录下创建动态网...
HTML 教程
最新发布
csbysj2020的博客
06-25 436
和
web课程的学习收获总结
03-01
下面是web课程的学习收获总结： 1. 能够自主学习：web课程给予学生更大的学习自主权，能够让学生更好地掌控自己的学习进程。学生可以在自己的时间内学习课程，以自己的步调掌握知识。 2. 获得灵活的学习方式：web...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值