<!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>

<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></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>

my first homepage的更多相关文章

  1. Revert R12.1.3 Homepage Layout to Link Style as in R12.1.1 or 11i

    https://blogs.oracle.com/ptian/entry/revert_r12_1_3_homepage Oracle EBS 12.1.3主页的展示方式不太习惯,12.1.3为了展示 ...

  2. homepage左边的导航菜单怎么做的？

    homepage左边的导航菜单怎么做的? 为啥只在homepage页面写了一个div 然后用一个homepage.js来填充这个div  然后用一个外部容器ID作为homepage.js的参数

  3. Change Homepage Logo

     Open the following defination and changed them. 1. NEW_PS_LOGO (Image Type) - To change the logo.2. ...

  4. Dynamics CRM 2013 Homepage Ribbon 按钮引用多个Javascript资源

    在CRM的开发中ribbon的开发是比较重要的一环,很多客制化的功能都需要动用ribbon区,CRM2013中的名字已经改叫command bar了,但从老版本过来的人都还是习惯叫他ribbon. R ...

  5. HP管理工具System Management Homepage安装配置

    如果用HP的启动光盘进行系统安装时,HP SMH 及相关组件会自动安装完成,但如果是用操作系统光盘进行系统安装,则HP SMH相关组件需要手动进行安装及相关设置!HP SMH由三部分组成:HP Sys ...

  6. PowerShell实现基于SharePoint的网站HomePage Auto-Upgrade Solution

    *** Solution Auto-Upgrade Solution Tuesday, January 06, 2015 PS:该项目为公司项目,我还是给他的名字屏蔽掉吧,这是我用PowerShell ...

  7. Javascript---add to favorite | Set Homepage

    <!-- 设为首页 --> <li><a href="javascript:setHome(this,window.location)"> &l ...

  8. 关于域名如何指向WordPress homepage问题的解决

    http://genuinelx.org/oldversion.php/archives/19为解决这个问题真的费了我半天的时间= = ,不写出来真的难以抒发苦闷. 下午VPS开通了,虽然有个ip被墙 ...

  9. PowerShell实现基于SharePoint的网站HomePage Auto-Configure Solution

    Home Page Web Parts Auto-Configuration PS:该项目为公司项目,我还是给他的名字屏蔽掉吧,这是我用PowerShell写的一个自动化升级工具,此为三部自动化工具的 ...

  10. PowerShell实现基于SharePoint的网站HomePage Auto-Create Solution

    *** HomePage Auto-Create Solution Monday, January 12, 2015   PS:该项目为公司项目,我还是给他的名字屏蔽掉吧,这是我用PowerShell ...

随机推荐

  1. Spring mvc集成log4j2

    前期环境 Spring mvc + Maven + Idea 一.下面开始配置log4j2,先简单演示其如何配置,再仔细了解log4j2用法. 1.1  配置pom.xml,引用log4j2相关包 & ...

  2. 阿里云yum配置

    CentOS 安装源列表见 CentOS Mirror List.本文使用阿里云安装源安装官方源和扩展源.其他安装源也可以参考. 依次执行命令. #使用 yum-config-manager 软件包命 ...

  3. A*算法介绍

    你是否在做一款游戏的时候想创造一些怪兽或者游戏主角,让它们移动到特定的位置,避开墙壁和障碍物呢? 如果是的话,请看这篇教程,我们会展示如何使用A星寻路算法来实现它! 在网上已经有很多篇关于A星寻路算法 ...

  4. JAVA写接口傻瓜（！）教程（二）

    接上一篇 3.数据库SQL sever配置 理论上来说,java web项目连接什么数据库都行,但是我电脑上SQL sever用了三年了,各种操作都比较熟悉,所以也懒得再用My SQL.想用My SQ ...

  5. vue+vue-cli+淘宝lib-flexible做移动端自适应

    总结用vue+vue-cli+淘宝lib-flexible做移动端自适应方案: 1.安装淘宝lib-flexible npm install lib-flexible --save 2.在入口文价ma ...

  6. AutoCAD批量导出点坐标

    需求背景: 需要批量导出DWG文件中的散点树的位置信息,以Excel文件格式存储. 实现方法: 在AutoCAD2012打开dwg文件,点击“插入”选项卡中的“提取数据”工具(或输入DATAEXTRA ...

  7. win10php环境变量配置（xampp环境）

    我的电脑--属性(右键)--高级系统设置--环境变量--系统变量--Path--编辑 新建两条变量: 一个是xampp文件下的php文件,例如 C:\xampp\php 一个是xampp文件下的php ...

  8. cropper截图不压缩PHP上传裁剪后的图片

    cropperjs使用不多说网上都有很详细的介绍如下面: https://blog.csdn.net/lxy4239/article/details/78920979 主要讲下使用的经历 裁剪后图片不 ...

  9. JS(JAVASCRIPT)

    2018-08-17 * JAVASCRIPT(JavaScript简写js,文件的后缀名也是 demo.js)(*****) * javascript的简介 * js是基于对象和事件驱动的脚本语言, ...

  10. CPU、GPU、CUDA、cuDNN

    CPU擅长逻辑处理控制,GPU适合高强度的并行计算任务,为什么会存在这种差别?今天搜集了些相关资料,摘抄总结如下. 一.什么是GPU GPU这个概念是由Nvidia公司于1999年提出的.GPU是显卡 ...