个人网页设计
本次实验是设计个人网页
代码
css
@charset "utf-8";
body {
background-image: url(a1.jpeg);
font-family: "宋体";
font-size: 12px;
line-height: 25px;
color: #333;
}
.nav {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #738CAA;
width: 800px;
margin-right: auto;
margin-left: auto;
}
.main {
background-image: url(a1.jpeg);
color: #000;
}
a {
font-size: 14px;
font-family: "微软雅黑";
}
a:link {
color: #333;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #333;
}
a:hover {
text-decoration: none;
color: #FFF;
}
a:active {
text-decoration: none;
color: #333;
}
.title {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #200F15;
border-left-width: 5px;
border-left-style: solid;
border-left-color: #200F15;
padding-left: 10px;
color: #AD5A5A;
}
a1
<!DOCTYPE html >
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我的驿站</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
<<style type="text/css">
</style>
</head>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="nav">
<tr>
<td><img src="img/R-C.jpg" height="100"/></td>
<td width="100" align="center"><a href="a1.html">主页</a></td>
<td width="100" align="center"><a href="a2.html">我的偶像</a></td>
<td width="100" align="center"><a href="a3.html">我的日志</a></td>
</tr>
</table>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" class="main">
<tr>
<td><table width="760" border="0" cellspacing="10" cellpadding="0">
<tr>
<td><p >个人简介 </p>
<p >姓名：李彬</p>
<p >性别：男</p>
<p >学校：石家庄铁道大学</p>
<p >爱好：象棋，乒乓球，LOL</p>
<p >你看——</p></td>
<td><img src="img/1555996819_234517.jpg" width="383" height="240" /></td>
</tr>
<tr>
<td><img src="img/a2.jpg" width="400"/></td>
<td>
<p >当然—— </p>
<p >包括吃喝玩乐睡。 </p>
<p >和朋友们畅聊人生。 </p>
<p ></p></td>
</tr>
<tr>
<td>
<p>封校虽然少了很多乐趣</p>
<p>但是，也要苦中作乐呀！！</p>
<p >综上所述要想更多地了解我，就来看看我的小世界吧。 </p></td>
<td><img src="img/350.jpg" width="400" /></td>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</body>
</html>
a2
<!DOCTYPE html >
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我的驿站</title>
<link href="css\style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
</style>
</head>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="nav">
<tr>
<td><img src="img/R-C.jpg" height="100" /></td>
<td width="100" align="center"><a href="a1.html">主页</a></td>
<td width="100" align="center"><a href="a2.html">我的偶像</a></td>
<td width="100" align="center"><a href="a3.html">我的日志</a></td>
</tr>
</table>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" class="main">
<tr>
<td></td>
</tr>
<tr>
<td><table width="800" border="0" cellspacing="10" cellpadding="0">
<tr>
<td colspan="2"><div class="title">我的偶像----周杰伦</div></td>
</tr>
<tr>
<td><p ><A href="https://baike.baidu.com/item/%E5%91%A8%E6%9D%B0%E4%BC%A6/129156">周杰伦（Jay Chou）</A>，1979年1月18日出生于台湾省新北市，中国台湾流行乐男歌手、音乐人、演员、导演、编剧、监制、商人。</p>
<p >2000年发行首张个人专辑《Jay》。2001年发行的专辑《范特西》奠定其融合中西方音乐的风格。2002年举行“The One”世界巡回演唱会。2003年成为美国《时代周刊》封面人物。2004年获得世界音乐大奖中国区最畅销艺人奖。2005年凭借动作片《头文字D》获得台湾电影金马奖、香港电影金像奖最佳新人奖。2006年起连续三年获得世界音乐大奖中国区最畅销艺人奖。2007年自编自导的文艺片《不能说的秘密》获得台湾电影金马奖年度台湾杰出电影奖。</p>
<p >2008年凭借歌曲《青花瓷》获得第19届金曲奖最佳作曲人奖。2009年入选美国CNN评出的“25位亚洲最具影响力的人物”；同年凭借专辑《魔杰座》获得第20届金曲奖最佳国语男歌手奖。2010年入选美国《Fast Company》评出的“全球百大创意人物” 。2011年凭借专辑《跨时代》再度获得金曲奖最佳国语男歌手奖，并且第4次获得金曲奖最佳国语专辑奖；同年主演好莱坞电影《青蜂侠》。2012年登福布斯中国名人榜榜首。2014年发行华语乐坛首张数字音乐专辑《哎呦，不错哦》。2018年举行“地表最强2世界巡回演唱会”。 </p>
<p >演艺事业外，他还涉足商业、设计等领域。2007年成立杰威尔有限公司。2011年担任华硕笔电设计师并入股香港文化传信集团。 </p>
<p >周杰伦热心公益慈善，多次向中国内地灾区捐款捐物。2008年捐款援建希望小学。2014年担任中国禁毒宣传形象大使。 </p></td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center"><img src="img/uisdc-jl-20181224-36.jpg" width="200" border="0" /></td>
</tr>
<tr>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</body>
</html>a3
<!DOCTYPE html >
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我的驿站</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
</style>
</head>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="nav">
<tr>
<td><img src="img/R-C.jpg" height="100" /></td>
<td width="100" align="center"><a href="a1.html">主页</a></td>
<td width="100" align="center"><a href="a2.html">我的偶像</a></td>
<td width="100" align="center"><a href="a3.html">我的日志</a></td>
</tr>
</table>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" class="main">
<tr>
<td></td>
</tr>
<tr>
<td><table width="800" border="0" cellspacing="10" cellpadding="0">
<tr>
<td><div class="title">
<p >致一些被遗失了的自己。</p>
</div></td>
</tr>
<tr>
<td valign="top"><p> 其实，我喜欢上学，只是不喜欢上课，喜欢那些一起闹，一起笑的时光。<br />
<br /><img src="img/R-C2.jpg" width="500"/><br />
<br />
 生活坏到一定程度就会好起来，因为他无法更坏。努力过后，才知道许多事情，坚持坚持，就过来了——<br />
<br />
 <img width="500" height="350" src="img/R-C3.jpg" /><br />
<br />
<p ><br />
 别在喜悦时承诺，别在悲伤时回答，别在愤怒时决定。<br />
  </p>
<p ><img width="300" height="375" src="img/a5.jpg" /><br />
<br />
<p><br />
</p></td>
</tr>
<tr>
<td> </td>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</body>
</html>就是这样了。
浙公网安备 33010602011771号