JSP课后作业1：编写html网页，在网页中有个表格，表格标题为“个人简历，边框宽度为1”，边框颜色为green。

本文链接：https://blog.csdn.net/weixin_44090559/article/details/88648754

本篇还是基础任务，先写一个html网页

开始时间：2019年3月18日 20:00:57
完成时间：2019年3月18日 21:18:33

2018-2109第二学期第一节课JSP作业：编写网页xxx.html，在网页中有个表格，表格标题为“个人简历“，边框宽度为1，边框颜色为green。网页运行效果如图所示

// 按照范例和查阅资料写的源码
//在编辑这篇文章时用```javascript  ```能让这串代码看起来不那么枯燥，但是应该有jsp对应的代码片格式吧，以后再尝试

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML Strict//EN" "http://www.w3.org/TR/html4/strict.dtd"><!-- DOCTYPE是document type(文档类型)的简写，在web设计中用来说明你用的XHTML或者HTML是什么版本。 -->
<html>
<head>
<title>MyResume.html</title>
</head>
<body>
<table border="1" bordercolor="green">  <!-- （显示边框）边框宽度为一，定义颜色 -->
		<caption>个人简历</caption><!-- caption标题，captain是船长 -->
		<tr>  <!-- 编辑第一行内容 -->
			<th rowspan="2" align="left">基本资料</th>  <!-- 第一行第一个单元格跨两行，加粗，左对齐，表格的表头用<th>标签进行定义 -->
			<th align="left">姓名</th>  	<!-- 加粗，第一行第二个单元格，左对齐 -->
			<td>周日</td>               	<!-- 第一行第三个单元格，不加粗-->
			<th align="left">性别</th>  	<!-- 第一行第四个单元格，加粗，左对齐 -->
			<td>男</td>		    	<!-- 第一行第五个单元格，不加粗-->
		</tr>				    	<!-- 第一行结束 -->
		<tr>  <!-- 编辑第二行内容 -->
			<th align="left">政治面貌</th>	<!-- 第二行第二个单元格，加粗，左对齐 -->
			<td>团员</td>			<!-- 第二行第三个单元格 -->
			<th align="left">出生日期</th>	<!-- 第二行第四个单元格，加粗，左对齐 -->
			<td>199X-XX-XX</td>		<!-- 第二行第五个单元格-->
		</tr>
		<tr>  <!-- 编辑第三行内容 -->
			<th colspan="5">业余爱好</th>	<!-- th默认居中，跨五列，因为第一行定义了五列 -->
		</tr>
		<tr>  <!-- 编辑第四行内容 -->
			<td>编程</td>			<!-- 第五行第一个单元格 -->
			<td>//测试长度~~~~~~~~</td>	<!-- 第五行第二个单元格，单元格长度随内容变化， -->
			<td>跑步</td>			<!-- 第五行第三个单元格td默认左对齐 -->
			<td>辣条</td>			<!-- 第五行第四个单元格 -->
			<td>唱歌</td>			<!-- 第五行第五个单元格 -->
		</tr>
	</table>

</body>
</html>

在这里插入图片描述
否则如下所示

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>MyResume.html</title>
</head>
<body>
<table border="1" bordercolor="green">  <!-- 显示边框，定义颜色 -->
		<caption>个人简历</caption><!-- caption标题，captain是船长 -->
		<tr>  <!-- 编辑第一行内容 -->
			<th rowspan="2" align="left">基本资料</th>  <!-- 第一行第一个单元格跨两行，加粗，左对齐，表格的表头用<th>标签进行定义 -->
			<th align="left">姓名</th>  	<!-- 加粗，第一行第二个单元格，左对齐 -->
			<td>周日</td>               	<!-- 第一行第三个单元格，不加粗-->
			<th align="left">性别</th>  	<!-- 第一行第四个单元格，加粗，左对齐 -->
			<td>男</td>		    	<!-- 第一行第五个单元格，不加粗-->
			
//这里不再赘述仅显示部分