软件工程第一次大作业19.3.4 苏鹏飞1700802017
码云链接：
https://gitee.com/shijiedegongmin/jianli.git
文件是个压缩包
样式图：
亮点：
代码：
<!DOCTYPE html>
<html>
<head>
<title>简历</title>
<meta charset="UTF-8">
1.css代码主要写在另一个文件
<link href="css/b.css" type="text/css" rel="stylesheet" media="all">
<link href="css/a.css" type="text/css" rel="stylesheet" media="all">
</head>
<body>
2。运用div模型
<div id="home" class="banner">
<div class="banner-info">
<div class="container">
<div class="col-md-4 header-left">
<img src="images/2.jpg" alt=""/>
</div>
<div class="col-md-8 header-right">
<h2>你好</h2>
<h1>我是苏鹏飞</h1>
<h6>普通学生</h6>
<ul class="address">
<li>
<ul class="address-text">
<li><b>出生日期</b></li>
<li> 01-01-2019</li>
</ul>
</li>
<li>
<ul class="address-text">
<li><b>联系电话 </b></li>
<li> 88888888</li>
</ul>
</li>
<li>
<ul class="address-text">
<li><b>居住地址 </b></li>
<li><a href="https://v.qq.com/x/page/a0776ig8s6x.html"> 青海大学(链接)</a></li>
</ul>
</li>
<li>
<ul class="address-text">
<li><b>个人邮箱 </b></li>
<li> 88888888@qq.com</li>
</ul>
</li>
<li>
<ul class="address-text">
<li><b>喜爱音乐 </b></li>
3，链接音乐
<li><a href="音乐/1.mp3"> 黄昏（链接）</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<br />
<br />
<div id="about" class="about">
<div class="container">
<h3 class="title"> 关于我</h3>
<div class="col-md-8 about-left">
4，使用p标签
<p align="center">青玉案·元夕</p><br>
<p align="center">【作者】辛弃疾 【朝代】宋</p> <br>
<p align="center">
东风夜放花千树。更吹落、星如雨。宝马雕车香满路。凤箫声动，玉壶光转，一夜鱼龙舞。
蛾儿雪柳黄金缕。笑语盈盈暗香去。众里寻他千百度。蓦然回首，那人却在，灯火阑珊处。</p>
</div>
<div class="col-md-4 about-right">
<ul>
<h5 align="center" style="font-size: large;"><strong>荣誉</strong></h5>
<li>待定</li>
<li>待定</li>
<li>待定</li>
<li> ..................................... </li>
</ul>
</div>
</div>
</div>
<br />
<br />
,5，使用table标签
<table bordercolor="red" width="100%" bgcolor="red">
<tr >
<td ><center><font size="5" color=#000000 face="微软雅黑">社会主义核心价值观</font></center>
</td>
</tr>
</table>
<table width="100%" bordercolor="blue" bgcolor=#FFFFFF border="3" >
<tr>
<td width="33%"><center><font size="3" color=#000000 face="楷体">富强 民主 文明 和谐</font></center></td><td width="33%"><center><font size="3" color=#000000 face="楷体">自由
平等 公正 法治</font></center> </td><td width="33%"><center><font size="3" color=#000000 face="楷体">爱国 敬业 诚信 友善</font></center></td>
</tr>
</table>
<div class="footer">
<div class="container">
<p>©2019我的简历 苏鹏飞</p>
</div>
</div>
</body>
</html>
