本篇还是基础任务,先写一个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> <!-- 第一行第五个单元格,不加粗-->
//这里不再赘述仅显示部分