軟件工程第一次大作業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 > 青海大學(鏈接)</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>
浙公網安備 33010602011771號