实验一 HTML基础
实习内容
- 请用所学HTML，完成如下“个人简历“页面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>个人简历</title>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" >
<tr>
<th align="left" width="1600">
<font size="6">姓名</font>
</th>
<td align="left" width="320">
<font size="2">✉ 969915262@qq.com</font>
</td>
</tr>
<tr>
<td align="left" width="1600" height="50">
<font size="3">求职意向 | 新媒体运营</font>
</td>
<td align="left" width="320" height="50">
<font size="2">☏ 13228297212
</font>
</td>
</tr>
</table>
<hr />
<img src="1.jpg" width="100%" height="100%" style="transform: scale(0.90);"/>
<hr />
<table border="0" cellspacing="" cellpadding="">
<tr>
<th align="left" width="200" valign="top">
<h3>教育背景</h3>
</th>
<td align="left" width="200" valign="top">
<h4 style="font-weight:normal">XX大学</h4>
<p>2016.09-至今</p>
</td>
<td>
<h4 align="left" style="font-weight:normal">广告学 | 本科</h4>
<p>成绩优异，GPA:389/5.0;年级成绩排名:前10%;获校级一等奖学金。</p>
</td>
</tr>
</table>
<hr >
<table border="0" cellspacing="" cellpadding="">
<tr>
<th align="left" width="200" valign="top">
<h3>实习经历</h3>
</th>
<th>
<h4 align="left"style="font-weight:normal">XX视频 | 内容运营</h4>
<h5 align="left" style="font-weight:normal">2018.05-2018.08</h5>
<p align="left" style="font-weight:normal">
● 负责X视频动漫频道日常运营，关注国内外热门动漫，结合时下热点
策划动漫自传体(热血日漫、少女动漫、良心国漫等等);
</p>
<p align="left" style="font-weight:normal">
● 负责动漫频道内S+级项目《XXX》的内容运营策划，利用站内资源及
站外渠道推广项目:独立完成前期预热海报设计，上线后策划2档专题
栏目撰写社交媒体营销稿件15篇，阅读量累计突破50w，最终视频播放
量突破100w;
<br>
<br>
</p>
<h4 align="left" style="font-weight:normal" >XX新闻 | 实习编辑</h4>
<h5 align="left" style="font-weight:normal" >2017.07-2018.05</h5>
<p align="left" style="font-weight:normal">
● XX新闻客户端日常推送、PUSH推送，每日浏览审核自媒体文章，筛选
编辑优质内容，置顶问问你长点击率稳定在2%(高于往常1.5%的均值);
</p>
<p align="left" style="font-weight:normal">
● 独立负责策划XX栏目旗下“XXX”、“XXX”等多个专题活动，个人制作并
出镜采访的三十篇累计播放量达20w，原创文章撰写8篇，阅读量平均5k+。
</p>
</th>
</tr>
</table>
<hr >
<table border="0" cellspacing="" cellpadding="">
<tr>
<th align="left" width="200" valign="top">
<h3> 技能&奖项</h3>
</th>
<th align="left" width="200" valign="top">
<h4 style="font-weight:normal">技能</h4>
<h4 style="font-weight:normal">奖项</h4>
</th>
<th align="left" valign="top">
<p style="font-weight:normal">
英语能力：英语六级602分。
</p>
<p style="font-weight:normal">
作品《XXX》获得全国大学生广告艺术大赛铜奖。
</p>
<p style="font-weight:normal">
纪录片《XXX》获全国《2016 EZ.ART影像大赛》百强。
</p>
</th>
</tr>
</table>
</body>
</h>
- 利用表格技术制作如下表格
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>校招信息共享表</title>
</head>
<body>
<h1 align="center"> 校招信息共享表</h1>
2019年秋季校园招聘信息共享，欢迎大家互助补充，禁止删除、造假！人品爆灯，秋招必胜！
<table border="0" align="center" border="1px" cellpadding="10px" cellspacing="1" bordercolor="#F0FFF0">
<tr align="center" valign="top" bgcolor=" #3CB371" style="color: white;">
<td >序号</td>
<td>企业名称</td>
<td>行业</td>
<td>网申地址</td>
<td>招聘有效期</td>
<td>校园宣讲会</td>
<td>宣讲会时间</td>
<td>宣讲会地址</td>
<td>是否现场收简历</td>
</tr>
<tr align="center" valign="top" bgcolor=" #F5F5F5">
<td>1</td>
<td>xx有限公司</td>
<td>人工智能</td>
<td>xxxxxx</td>
<td>08/20-10/12</td>
<td>有宣讲</td>
<td>2019/9/10 19:00:00</td>
<td>xx大学xx校区国际会议厅</td>
<td>是</td>
</tr>
<tr align="center" valign="top">
<td>2</td>
<td>xx有限公司</td>
<td>移动互联网</td>
<td>xxxxxx</td>
<td>08/26-10/26</td>
<td>有宣讲</td>
<td>2018/9/7 19:00:00</td>
<td>xx大学南校区xx学院101</td>
<td>是</td>
</tr>
<tr align="center" valign="top" bgcolor=" #F5F5F5">
<td>3</td>
<td>xx银行</td>
<td>金融</td>
<td>xxxxxx</td>
<td>.</td>
<td>无宣讲</td>
<td>————</td>
<td>————</td>
<td>.</td>
</tr>
<tr align="center" valign="top">
<td>4</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr align="center" valign="top" bgcolor=" #F5F5F5">
<td>5</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr align="center" valign="top">
<td>6</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr align="center" valign="top" bgcolor=" #F5F5F5">
<td>7</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr align="center" valign="top">
<td>8</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr align="center" valign="top" bgcolor=" #F5F5F5">
<td>9</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr align="center" valign="top">
<td>10</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr align="center" valign="top" bgcolor=" #F5F5F5">
<td>11</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的课表</title>
<style type="text/css">
.input{
border:1px solid black;
border-radius:10px;
font-weight:normal;
background-color: #7FFFAA;
}
</style>
</head>
<body>
<table align="center" border="1" cellpadding="5" cellspacing="0" bordercolor=" #FFC0CB" bgcolor=" #E1FFFF" >
<tr align="center" valign="middle" >
<th width="100" height="100">节次/星期</th>
<th width="100" height="100">星期一</th>
<th width="100" height="100">星期二</th>
<th width="100" height="100">星期三</th>
<th width="100" height="100">星期四</th>
<th width="100" height="100">星期五</th>
<th width="100" height="100">星期六</th>
<th width="100" height="100">星期七</th>
</tr>
<tr align="center" valign="middle">
<th>第1节</th>
<th>
<p class="input">《并行计算》[01] 张姝茵 14周 第1节-第2节 N8116</p>
<p class="input">《并行计算》[01S01] 张姝茵 8周 第1节-第2节 信息机房 计算机机房104-B</p>
</th>
<th>
<p class="input">《Linux程序设计》[03] 邹青 5-14周 第1节-第2节 N3302</p>
</th>
<th>
<p class="input">《Web技术及应用》[04] 蔚继承 13-14周 第1节-第2节 N8101</p>
</th>
<th>
<p class="input">《操作系统》[02] 李长悦 13-14周 第1节-第2节 N8211</p>
<p class="input">《大学英语B4》[02] 段慧芳 1周 第1节-第2节 N7103</p>
</th>
<th>
<p class="input">《并行计算》[01] 张姝茵 5-7周，9-14周 第1节-第2节 N8319</p>
</th>
<th></th>
<th></th>
</tr>
<tr align="center" valign="middle">
<th>第2节</th>
<th>
<p class="input">《并行计算》[01] 张姝茵 14周 第1节-第2节 N8116</p>
<p class="input">《并行计算》[01S01] 张姝茵 8周 第1节-第2节 信息机房 计算机机房104-B</p>
</th>
<th>
<p class="input">《Linux程序设计》[03] 邹青 5-14周 第1节-第2节 N3302</p>
</th>
<th>
<p class="input">《Web技术及应用》[04] 蔚继承 13-14周 第1节-第2节 N8101</p>
</th>
<th>
<p class="input">《操作系统》[02] 李长悦 13-14周 第1节-第2节 N8211</p>
<p class="input">《大学英语B4》[02] 段慧芳 1周 第1节-第2节 N7103</p>
</th>
<th>
<p class="input">《并行计算》[01] 张姝茵 5-7周，9-14周 第1节-第2节 N8319</p>
</th>
<th></th>
<th></th>
</tr>
<tr align="center" valign="middle">
<th>第3节</th>
<th>
<p class="input">《Linux程序设计》[03] 邹青 1-4周 第3节-第5节 N3206</p>
</th>
<th>
<p class="input">《操作系统》[02] 李长悦 6周 第3节-第5节 N8114</p>
<p class="input">《离散数学》[02] 潘琼 14-15周 第3节-第5节 N8324</p>
</th>
<th>
<p class="input">《Web技术及应用》[04] 蔚继承 8周 第3节-第5节 N8121</p>
</th>
<th>
<p class="input">《离散数学》[02] 潘琼 1-7周，9-15 第3节-第5节 N8509</p>
</th>
<th>
<p class="input">《Web技术及应用》[04] 蔚继承 1-7周，9-12 第3节-第5节 N3219</p>
</th>
<th></th>
<th></th>
</tr>
<tr align="center" valign="middle">
<th>第4节</th>
<th>
<p class="input">《Linux程序设计》[03] 邹青 1-4周 第3节-第5节 N3206</p>
<p class="input">《Web技术及应用》[04S01] 实验 蔚继承 8-10周（双） 第4节-第5节 信息机房 计算机机房 201-A</p>
</th>
<th>
<p class="input">《操作系统》[02] 李长悦 6周 第3节-第5节 N8114</p>
<p class="input">《操作系统》[02S01] 实验 李长悦 10-13周 第4节-第5节 信息机房 计算机机房303</p>
<p class="input">《离散数学》[02] 潘琼 14-15周 第3节-第5节 N8324</p>
</th>
<th>
<p class="input">《体育IV（器械练习与健美）》[74] 刘正杰 1-7周，9-16 第4节-第5节 小球馆健身房</p>
<p class="input">《Web技术及应用》[04] 蔚继承 8周 第3节-第5节 N8121</p>
</th>
<th>
<p class="input">《离散数学》[02] 潘琼 1-7周，9-15 第3节-第5节 N8509</p>
</th>
<th>
<p class="input">《Web技术及应用》[04] 蔚继承 1-7周，9-12 第3节-第5节 N3219</p>
</th>
<th></th>
<th></th>
</tr>
<tr align="center" valign="middle">
<th>第5节</th>
<th>
<p class="input">《Linux程序设计》[03] 邹青 1-4周 第3节-第5节 N3206</p>
<p class="input">《Web技术及应用》[04S01] 实验 蔚继承 8-10周（双） 第4节-第5节 信息机房 计算机机房 201-A</p>
</th>
<th>
<p class="input">《操作系统》[02] 李长悦 6周 第3节-第5节 N8114</p>
<p class="input">《操作系统》[02S01] 实验 李长悦 10-13周 第4节-第5节 信息机房 计算机机房303</p>
<p class="input">《离散数学》[02] 潘琼 14-15周 第3节-第5节 N8324</p>
</th>
<th>
<p class="input">《体育IV（器械练习与健美）》[74] 刘正杰 1-7周，9-16 第4节-第5节 小球馆健身房</p>
<p class="input">《Web技术及应用》[04] 蔚继承 8周 第3节-第5节 N8121</p>
</th>
<th>
<p class="input">《离散数学》[02] 潘琼 1-7周，9-15 第3节-第5节 N8509</p>
</th>
<th>
<p class="input">《Web技术及应用》[04] 蔚继承 1-7周，9-12 第3节-第5节 N3219</p>
</th>
<th></th>
<th></th>
</tr>
<tr align="center" valign="middle">
<th>第6节</th>
<th>
<p class="input">《操作系统》[02] 李长悦 1-5周，7-12 第6节-第8节 N8411</p>
</th>
<th>
<p class="input">《并行计算》[01] 张姝茵 1-4周 第6节-第8节 N8306</p>
</th>
<th>
<p class="input">《面向对象系统分析与设计》[04] 张宏鸣 1-9周 第6节-第8节 N8207</p>
<p class="input">《面向对象系统分析与设计》[04S01] 实验 张宏鸣 13-14周 第6节-第7节 信息机房 计算机机房201-A</p>
<p class="input">《面向对象系统分析与设计》[04S01] 实验 张宏鸣 13-14周 第6节-第7节 信息机房 计算机机房201-A</p>
</th>
<th>
<p class="input">《并行计算》[01S01] 张姝茵 4-5周，7周，10-11周，13-14周 第6节-第7节 信息机房 计算机机房202-B</p>
</th>
<th>
<p class="input">《面向对象系统分析与设计》[04] 张宏鸣 10周 第6节-第8节 N8207</p>
<p class="input">《Web技术及应用》[04S01] 实验 蔚继承 4-5周，7周，11周，13-14周 第6节-第7节 信息机房 计算机机房301</p>
</th>
<th></th>
<th></th>
</tr>
<tr align="center" valign="middle">
<th>第7节</th>
<th>
<p class="input">《操作系统》[02] 李长悦 1-5周，7-12 第6节-第8节 N8411</p>
</th>
<th>
<p class="input">《并行计算》[01] 张姝茵 1-4周 第6节-第8节 N8306</p>
</th>
<th>
<p class="input">《面向对象系统分析与设计》[04] 张宏鸣 1-9周 第6节-第8节 N8207</p>
<p class="input">《面向对象系统分析与设计》[04S01] 实验 张宏鸣 13-14周 第6节-第7节 信息机房 计算机机房201-A</p>
<p class="input">《面向对象系统分析与设计》[04S01] 实验 张宏鸣 11-12周 第6节-第7节 信息机房 计算机机房201-A</p>
</th>
<th>
<p class="input">《并行计算》[01S01] 张姝茵 4-5周，7周，10-11周，13-14周 第6节-第7节 信息机房 计算机机房202-B</p>
</th>
<th>
<p class="input">《面向对象系统分析与设计》[04] 张宏鸣 10周 第6节-第8节 N8207</p>
<p class="input">《Web技术及应用》[04S01] 实验 蔚继承 4-5周，7周，11周，13-14周 第6节-第7节 信息机房 计算机机房301</p>
</th>
<th></th>
<th></th>
</tr>
<tr align="center" valign="middle">
<th>第8节</th>
<th>
<p class="input">《操作系统》[02] 李长悦 1-5周，7-12 第6节-第8节 N8411</p>
</th>
<th>
<p class="input">《并行计算》[01] 张姝茵 1-4周 第6节-第8节 N8306</p>
</th>
<th>
<p class="input">《面向对象系统分析与设计》[04] 张宏鸣 1-9周 第6节-第8节 N8207</p>
<p class="input">《面向对象系统分析与设计》[04S01] 实验 张宏鸣 11-12周 第6节-第8节 信息机房 计算机机房201-A</p>
</th>
<th>
</th>
<th>
<p class="input">《面向对象系统分析与设计》[04] 张宏鸣 10周 第6节-第8节 N8207</p>
</th>
<th></th>
<th></th>
</tr>
<tr align="center" valign="middle">
<th>第9节</th>
<th>
<p class="input">《Linux程序设计》[03s01]实验邹青2周,4-5周,7-8周,10-11周,14周第9节-第10节信息机房计算机机房202-B</p>
</th>
<th>
<p class="input">《大学英语B4》[02] 段慧芳4周,8周,12周 第9节-第10节N7102</p>
<p class="input">《大学英语B4》[02] 段慧芳2周,6周,10周，14周 第9节-第10节 N8623</p>
<p class="input">《大学英语B4》[02] 段慧芳 1-15周（单）,第9节-第10节 N8622</p>
</th>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
<tr align="center" valign="middle">
<th>第10节</th>
<th>
<p class="input">《Linux程序设计》[03s01]实验邹青2周,4-5周,7-8周,10-11周,14周第9节-第10节信息机房计算机机房202-B</p>
</th>
<th>
<p class="input">《大学英语B4》[02] 段慧芳4周,8周,12周 第9节-第10节N7102</p>
<p class="input">《大学英语B4》[02] 段慧芳2周,6周,10周，14周 第9节-第10节 N8623</p>
<p class="input">《大学英语B4》[02] 段慧芳 1-15周（单）,第9节-第10节 N8622</p>
</th>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
<tr align="center" valign="middle">
<th>第11节</th>
<th></th>
<th></th>
<th></th>
<th></th>
<th>
<p class="input">《形势与政策》[23]周岑银,袁宝明9-12周第11节-第12节N8T03</p>
</th>
<th></th>
<th></th>
</tr>
<tr align="center" valign="middle">
<th>第12节</th>
<th></th>
<th></th>
<th></th>
<th></th>
<th>
<p class="input">《形势与政策》[23]周岑银,袁宝明9-12周第11节-第12节N8T03</p>
</th>
<th></th>
<th></th>
</tr>
<tr align="center" valign="middle">
<th>第13节</th>
<th height="100"></th>
<th height="100"></th>
<th height="100"></th>
<th height="100"></th>
<th height="100"></th>
<th height="100"></th>
<th height="100"></th>
</tr>
</table>
</body>
</html>
- 制作如下图所示表单
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表单</title>
</head>
<body>
<form name="1" action="" method="post">
<table align="left" border="0" cellspacing="" cellpadding="">
<tr>
<td>Departing from</td>
<td><input placeholder="Airport code or city name" type="text" /></td>
<td><a href="https://map.baidu.com/" target="_blank">Nearby</a></td>
</tr>
<tr>
<td>Destination</td>
<td><input placeholder="Airport code or city name" type="text" /></td>
<td><a href="https://map.baidu.com/" target="_blank">Nearby</a></td>
</tr>
<tr>
<td>Dates</td>
<td>
<input name="X" type="radio" value="1" checked="checked"/>Search exact date<br>
<input name="X"type="radio" value="2" />See calendar of lowest fares
</td>
<tr>
<td>Departure date</td>
<td><input placeholder="mm/dd/yyyy" type="text" /></td>
</tr>
<tr>
<td>Return date</td>
<td><input placeholder="mm/dd/yyyy" type="text" /></td>
</tr>
<tr>
<td>Adult</td>
<td>
<select name="select" >
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
</select>
<a href="https://www.baidu.com/">Chileren,seniors</a>
</td>
</tr>
<tr>
<th align="center" colspan="3">
<a href="https://www.baidu.com/">Advanced search options</a>
</th>
</tr>
<tr>
<td></td>
<td></td>
<td align="left">
<input type="button" name="submit" id="" value="Search"
onclick="location.href='https://www.baidu.com/'"/>
</td>
</tr>
</table>
</form>
</body>
</html>
