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>
<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>    
<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>   
<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的更多相关文章
- 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为了展示 ...
- homepage左边的导航菜单怎么做的?
homepage左边的导航菜单怎么做的? 为啥只在homepage页面写了一个div 然后用一个homepage.js来填充这个div 然后用一个外部容器ID作为homepage.js的参数
- Change Homepage Logo
Open the following defination and changed them. 1. NEW_PS_LOGO (Image Type) - To change the logo.2. ...
- Dynamics CRM 2013 Homepage Ribbon 按钮引用多个Javascript资源
在CRM的开发中ribbon的开发是比较重要的一环,很多客制化的功能都需要动用ribbon区,CRM2013中的名字已经改叫command bar了,但从老版本过来的人都还是习惯叫他ribbon. R ...
- HP管理工具System Management Homepage安装配置
如果用HP的启动光盘进行系统安装时,HP SMH 及相关组件会自动安装完成,但如果是用操作系统光盘进行系统安装,则HP SMH相关组件需要手动进行安装及相关设置!HP SMH由三部分组成:HP Sys ...
- PowerShell实现基于SharePoint的网站HomePage Auto-Upgrade Solution
*** Solution Auto-Upgrade Solution Tuesday, January 06, 2015 PS:该项目为公司项目,我还是给他的名字屏蔽掉吧,这是我用PowerShell ...
- Javascript---add to favorite | Set Homepage
<!-- 设为首页 --> <li><a href="javascript:setHome(this,window.location)"> &l ...
- 关于域名如何指向WordPress homepage问题的解决
http://genuinelx.org/oldversion.php/archives/19为解决这个问题真的费了我半天的时间= = ,不写出来真的难以抒发苦闷. 下午VPS开通了,虽然有个ip被墙 ...
- PowerShell实现基于SharePoint的网站HomePage Auto-Configure Solution
Home Page Web Parts Auto-Configuration PS:该项目为公司项目,我还是给他的名字屏蔽掉吧,这是我用PowerShell写的一个自动化升级工具,此为三部自动化工具的 ...
- PowerShell实现基于SharePoint的网站HomePage Auto-Create Solution
*** HomePage Auto-Create Solution Monday, January 12, 2015 PS:该项目为公司项目,我还是给他的名字屏蔽掉吧,这是我用PowerShell ...
随机推荐
- 基于iview 封装一个vue 表格分页组件
iview 是一个支持中大型项目的后台管理系统ui组件库,相对于一个后台管理系统的表格来说分页十分常见的 iview是一个基于vue的ui组件库,其中的iview-admin是一个已经为我们搭好的后天 ...
- GlusterFS分布式文件系统的使用
glusterfs是一款开源的分布式文件系统. 它具备高扩展.高可用及高性能等特性,由于其无元数据服务器的设计,使其真正实现了线性的扩展能力,使存储总容量可轻松达到PB级别,支持数千客户端并发访问. ...
- Java并发编程相关知识整理
1.什么是进程.线程.多线程? 进程当一个程序开始运行时,它就是一个进程,进程包括运行中的程序和程序所使用到的内存和系统资源.进程间通讯依靠IPC资源,例如管道.套接字 线程是程序中的 ...
- web前端bug积累
在将img转换为canvas时,在firefox中,如果img引用的svg使用了fill=(#id),此fill是无效的,可能导致整个转换失效,html2canvas.js也不行.chrome有效,其 ...
- mac系统vscode环境配置,以及iTerm2配置Zsh + on-my-zsh shell
https://segmentfault.com/a/1190000013612471?utm_source=tag-newest https://ohmyz.sh/ 一:安装iTerm2终端 htt ...
- Objective-C基础教程 笔记
一.对C的扩展 1. #import VS #include C语言使用#include语句通知编译器应在头文件中查询定义. OC中也可以使用#include,但几乎不这么用,而是使用#import. ...
- win7安装loadrunner 安装相关问题解决方案
安装loadrunner缺少2.8 sp1组件解决方案 这是因为注册表缺少FullInstallVer和Version,归根到底是madc安装的的问题 以下是解决方法: 1.运行regedit,打开注 ...
- UIPath Level 1
近日搬砖养家糊口,忙于项目,博客更新一度中断,自己都觉得委屈了. 培训视频看的眼睛耳朵疼,做完最后一个终极考试,哪儿哪儿都觉得不舒服~ 先来个截图,醒醒脑~ 今儿就歇下了~
- vs2015网站发布时,设置页面合并后程序集的文件版本
如何将web网站的页面合并成一个新的程序集发布,并设定文件版本? 这个问题我也纠结了很久,问了很多大牛,也没有找到解决方案 曾开了一贴,https://bbs.csdn.net/topics/3910 ...
- "There is no tracking information for the current branch" 解决方法
因为新创建的分支push到远程仓库后没有与本地分支关联,下面语句可以令远程分支与本地分支关联起来 git branch --set-upstream-to=origin/release_3.1.3 r ...