html 初出茅庐-简单个人主页制作

最新推荐文章于 2024-04-17 15:04:57 发布

涛涛_2009

最新推荐文章于 2024-04-17 15:04:57 发布

阅读量1.8w

点赞数 9

文章标签： html border table 数据库正则表达式编程

本文链接：https://blog.csdn.net/tsyj810883979/article/details/6509253

版权

初出茅庐--个人主页的制作--web第一课

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>个人主页</title>
<style>
* {
padding: 0px;
margin: 0px;
}
body {
background: url("images/bg_body0.gif");
font-size: 14px;
}
table {
width: 981px;
border: 0px;
margin: 0px auto;
}
tr {
width: 100%;
}
td {
padding: 0px;
}
#centertd {
border-left-style: dotted;
border-right-style: dotted;
border-left-color: green;
border-right-color: green;
}
#nav a {
text-decoration: none;
color: blue;
}
#nav a:hover {
color: white;
border-bottom: 2px solid orchid;
}
a.hover img {
width: 400;
height: 400;
}
</style>
</head>
<body>
<table>
<tr height="130">
<td background="images/topbg.jpg" width="581" valign="top">
<table>
<tr height="110">
<td>
<object width="700" height="108">
<param name="movie" value="flash/xd.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="flash/xd.swf" wmode="transparent" width="700" height="108"></embed>
</object>
</td>
<td align="right">
<object width="281" height="35">
<param name="movie" value="flash/clock.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="flash/clock.swf" wmode="transparent" width="281" height="40"></embed>
</object>
</td>
</tr>
<tr height="20">
<td>
<div id="nav">
<a href="MyFirstPage.html"><b>主页</b></a>
<a href="http://student.csdn.net/space.php?uid=209919&do=blog&view=me" target="_blank"><b>博客</b></a>
<a href="MyFirstPage.html"><b>相册</b></a>
<a href="MyFirstPage.html"><b>个人档案</b></a>
<div>
</td>
</tr>
</table>
</td>
</tr>
<tr height="620">
<td bgcolor="#E0FFFF">
<table>
<tr height="620">
<td valign="top" width="260">
<div style="line-height:150%;"><b style="background-color:#98FB98; color: blue;">|个人档案|</b></div><hr width="120" align="left" style="border: double #00FFFF"/>
<div style="line-height:150%;">
<img src="images/tp.jpg" align="left" style="margin-right:10px;"/><br />
姓名：#####<br />
职业：学生<br />
专业：软件工程<br />
QQ号：<a href="tencent://message/?uin=362990034&Site=im.qq.com&Menu=yes">810883979</a><br />
Email：<a href="mailto:bluesky_taotao@qq.com">bluesky_taotao@qq.com</a><br />
嗜好：睡懒觉<br />
就读学校：<a href="http://www.nwsuaf.edu.cn" target="_blank">西北农林科技大学</a><br />
</div><hr style="border: double #00FFFF" />
<div style="line-height:150%;"><b style="background-color:#98FB98; color: blue;">|背景音乐|</b></div><hr width="120" align="left" style="border: double #00FFFF"/>
<div style="line-height:150%;">
<center><input id="start" type="button" value="播放" onclick="bgsound.src='http://hb.vnet.cn/wlgs/user/song/102937_201009210730459456234.mp3'"/><font color="red">我是一只小小鸟</font>(IE only)<input id="stop" type="button" value="停止" onclick="bgsound.src=''"/></center>
</div><hr style="border: double #00FFFF" />
<div style="line-height:150%;"><b style="background-color:#98FB98; color: blue;">|关于我|</b></div><hr width="120" align="left" style="border: double #00FFFF"/>
<div style="line-height:150%; font-size:12px;">
<pre>介绍自己的内容……
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</pre>
</div><hr style="border: double #00FFFF" />
</td>
<td valign="top" id="centertd" width="531">
<br /><marquee><font color="red">欢迎访问我的个人主页！<br /></font></marquee>
<div style="line-height:150%;"><b style="background-color:#98FB98; color: blue;">|最新照片|</b></div><hr width="120" align="left" style="border: double #00FFFF"/>
<div style="background-color:black;">
<hr />
<marquee scrollamount="2" onmouseover="this.stop();" onmouseout="this.start();">
<a href="images/haha.jpg" target="_blank"><img src="images/haha.jpg" width="100" height="100"></a>
<a href="images/nc.jpg" target="_blank"><img src="images/nc.jpg" width="100" height="100"></a>
<a href="images/haha.jpg" target="_blank"><img src="images/haha.jpg" width="100" height="100"></a>
<a href="images/shu.jpg" target="_blank"><img src="images/shu.jpg" width="100" height="100"></a>
<a href="images/haha.jpg" target="_blank"><img src="images/haha.jpg" width="100" height="100"></a>
<a href="images/woniu.jpg" target="_blank"><img src="images/woniu.jpg" width="100" height="100"></a>
<a href="images/haha.jpg" target="_blank"><img src="images/haha.jpg" width="100" height="100"></a>
<a href="images/haha.jpg" target="_blank"><img src="images/haha.jpg" width="100" height="100"></a>
<a href="images/shu.jpg" target="_blank"><img src="images/shu.jpg" width="100" height="100"></a>
<a href="images/haha.jpg" target="_blank"><img src="images/haha.jpg" width="100" height="100"></a>
</marquee>
<hr />
</div>
<div style="line-height:150%;"><b style="background-color:#98FB98; color: blue;">|最新笔记|</b></div><hr width="120" align="left" style="border: double #00FFFF"/>
<div style="line-height:250%;">
<hr /> <img src="images/tp.jpg" width="30" height="30"/> <a href="http://student.csdn.net/space.php?uid=209919&do=blog&id=45822" target="_blank" style="text-decoration: none;">Javascript实现的日期选择插件</a><br />
<hr width="80%"/> <img src="images/tp.jpg" width="30" height="30"/> <a href="http://student.csdn.net/space.php?uid=209919&do=blog&id=45459" target="_blank" style="text-decoration: none;">html 根据ip获取当地天气预报</a><br />
<hr width="80%"/> <img src="images/tp.jpg" width="30" height="30"/> <a href="http://student.csdn.net/space.php?uid=209919&do=blog&id=40205" target="_blank" style="text-decoration: none;">JDBC数据库编程总结(一)</a><br />
<hr width="80%"/> <img src="images/tp.jpg" width="30" height="30"/> <a href="http://student.csdn.net/space.php?uid=209919&do=blog&id=40245" target="_blank" style="text-decoration: none;">JDBC数据库编程总结(二)</a><br />
<hr width="80%"/> <img src="images/tp.jpg" width="30" height="30"/> <a href="http://student.csdn.net/space.php?uid=209919&do=blog&id=44691" target="_blank" style="text-decoration: none;">JDBC数据库编程总结(三)</a><br />
<hr width="80%"/> <img src="images/tp.jpg" width="30" height="30"/> <a href="http://student.csdn.net/space.php?uid=209919&do=blog&id=36195" target="_blank" style="text-decoration: none;">C/S通信，实现多重及时连接通信</a><br />
<hr width="80%"/> <img src="images/tp.jpg" width="30" height="30"/> <a href="http://student.csdn.net/space.php?uid=209919&do=blog&id=34545" target="_blank" style="text-decoration: none;">通过URL对象获取指定网页的内容</a><br />
<hr width="80%"/> <img src="images/tp.jpg" width="30" height="30"/> <a href="http://blog.csdn.net/tsyj810883979/archive/2010/09/07/5869001.aspx" target="_blank" style="text-decoration: none;">常用正则表达式收藏</a><br /><hr />
</div>
</td>
<td valign="top" width="190">
<div style="line-height:150%;"><b style="background-color:#98FB98; color: blue;">|日历|</b></div><hr width="120" align="left" style="border: double #00FFFF"/>
<object width="190" height="108">
<param name="movie" value="http://www.nshen.net/blog/attachments/month_0505/rili.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="http://www.nshen.net/blog/attachments/month_0505/rili.swf" type="application/x-shockwave-flash"></embed>
</object>
<hr style="border: double #00FFFF" />
<div style="line-height:150%;"><b style="background-color:#98FB98; color: blue;">|常用搜索|</b></div><hr width="120" align="left" style="border: double #00FFFF"/>
<center><a href="http://www.baidu.com/" target="_blank"><img src="images/bd.gif" border="0px" width="90" height="30"></a></center><br />
<center><a href="http://www.google.com.hk/" target="_blank"><img src="images/gg.gif" border="0px" width="90" height="30"></a></center><br />
<center><a href="http://cn.bing.com/" target="_blank"><img src="images/by.jpg" border="0px" width="100" height="30"></a></center><br />
<hr style="border: double #00FFFF" />
<div style="line-height:150%;"><b style="background-color:#98FB98; color: blue;">|好友空间|</b></div><hr width="120" align="left" style="border: double #00FFFF"/>
<div style="line-height:200%;">
<font color="blue">####的博客空间</font> <a href="http://user.qzone.qq.com/1010904655/infocenter" target="_blank">点击进入</a><br />
<font color="blue">####的博客空间</font> <a href="http://user.qzone.qq.com/1003413337/infocenter" target="_blank">点击进入</a><br />
<font color="blue">####的博客空间</font> <a href="http://user.qzone.qq.com/942706211/infocenter" target="_blank">点击进入</a><br />
<font color="blue">####的博客空间</font> <a href="http://user.qzone.qq.com/292260870/infocenter" target="_blank">点击进入</a><br />
<font color="blue">####的博客空间</font> <a href="http://user.qzone.qq.com/314560128/infocenter" target="_blank">点击进入</a><br />
<font color="blue">####的博客空间</font> <a href="http://user.qzone.qq.com/450255476/infocenter" target="_blank">点击进入</a>
</div>
<hr style="border: double #00FFFF" />
</td>
</tr>
</table>
</td>
</tr>
<tr height="40">
<td valign="middle" bgcolor="#4169D1" align="center">网页内容由<a href="mailto:bluesky_taotao@qq.com">BluesSky</a>制作于2010年10月21日</td>
</tr>
</table>
<bgsound id="bgsound" src="http://hb.vnet.cn/wlgs/user/song/102937_201009210730459456234.mp3" loop="-1">
</body>
</html>