my first homepage | 易学教程

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
p{ text-indent:2em;}
</style>
<style type="text/css">
a{text-decoration: none}
</style>
<style type="text/css">
#w{ text-indent:2em;}
</style>
<style type="text/css">
*{
padding: 0;
margin: 0;
}
body,html{
height: 100%;
font: 20px/40px"microsoft yahei";
color: black;
}
#container{
width: 100%;
margin: 0 auto;
height: 100%;
line-height:1;
}

#footer{
height: 10%;
width: 100%;
background: ;
}
#header
{
height: 8%;
width: 100%;
background: #4169E1;
}
#main{
height: 82%;
}
#left,#right{
height: 100%;
float: left;
}
#left{
background-image:url(5.jpg);
background-size:100% 100%;
width: 70%;
}
#right{
background: lightgrey;
width: 30%;
overflow:auto;
}
#wow{
height: 8%;
background: ;
margin: 0 auto;

}
#le{
width: 50%;
float: left;
}
#ri{
width: 50%;
float: left;
}

#hi{
height: 92%;
}

</style>
</head>
<body>
<embed src="久石让 - Summer.mp3" hidden="true" autostart="true" loop="true"></embed>
<script language="Javascript" type="text/javascript">
setInterval("timer.innerHTML=new Date().toLocaleString()");
window.onload = function (){
setInterval("timer.innerHTML=new Date().toLocaleString()",1000);
}
</script>
<div id="container">
<div id="header" align="center">
<br/>
<p align=bottom><font color=white>欢迎来到我的个人主页！</font></p>
</div>
<div id="main">
<div id="left">
</div>
<div id="right">
<div id="wow">
<div id="le" align="center">
<a href="#love"><font color="white">个人简介</font></a>
</div>
<div id="ri" align="center">
<a href="#ai"><font color="white">关于我</font></a>
</div>
</div>
<hr/>
<div id="hi">
<h3 id="love">个人简介</h3>
</br>
<ul>
<li>姓名: 徐涛</li>
<li>性别: 男</li>
<li>民族：汉族</li>
<li>学历：大学本科</li>
<li>出身年月：1998.10.28</i>

</ul>
<ul>
<li>学校:<a href="https://baike.baidu.com/item/%E5%AE%89%E5%BE%BD%E5%A4%A7%E5%AD%A6/277814?fr=aladdin" target="_blank">安徽大学</a></li>
<li>专业:<a href="https://baike.baidu.com/item/%E5%9C%B0%E7%90%86%E4%BF%A1%E6%81%AF%E7%A7%91%E5%AD%A6/2553662?fr=aladdin" target="_blank">GIS（地理信息科学）</a></li>
<li>电话：18805605890</li>

</ul>

<h3 id="ai">关于我</h3>
<br/>
<div align="center">
<a href="https://www.zhihu.com/people/xu-tao-61-51/activities" target="_blank"><img src="7.jpg" width=50 height=50/></a> &nbsp &nbsp
<a href="https://weibo.com/p/1005056219895650/home?from=page_100505&mod=TAB&is_all=1#place" target="_blank"><img src="10.jpg"width=50 height=50/></a>&nbsp &nbsp
<a href="https://user.qzone.qq.com/2570261905" target="_blank"><img src="9.jpg" width=50 height=50/></a>
</div>
</div>

</div>
</div>
<div id="footer">
<address align="center">
Written by XT.<br/>
Contact me through QQ Number:2570261905<br/>
</address>
<div id="timer" align=right>
</div>
</div>
</div>
</body>
</html>

来源：https://www.cnblogs.com/wavexu/p/9929267.html

标签

homepage