<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="css.css" rel="stylesheet" type="text/css">
</head>
<body>
<!--整体容器-->
<div id="zhengti">
 <!--头-->
 <div id="tou">
    </div>
    <!--导航-->
 <div id="daohang">
    <ul>
    <li><a href="第一张.html"target="_parent">首页</a></li>
    <li><a href="class.html"target="_parent">课程表</a></li>
    <li><a href="#">游戏作品</a></li>
    </ul>
    </div>
 <!--左边-->
 <div id="zuobian">
    <h3>校园一角</h3>
    <ul>
    <li>钟楼</li>
    <li><img src="xiaoyuan1.jpg"></li>
    </br>
    <li>教学楼</li>
    <li><img src="xiaoyuan2.jpg"></li>
    </ul>
    </div>
    <!--中间-->
 <div id="zhongjian">
 <p><b>个人简历：</b></p>
    <hr/>
    <p>姓名： 余顺全</p>
    <p>出生日期： 1996年12月31日</p>
    <p>民族： 汉</p>
    <p>籍贯： 福建漳州</p>
    <p>学历： 本科</p>
    <p>专业： 软件工程</p>
    <p><b>就读院校：</b></p>
    <hr/>
    <p>2003~2009:  靖城中心小学</p>
    <p>2009~2012:  城关中学</p>
    <p>2012~2015： 南靖一职校</p>
    <p>2015~至 今： 闽江学院</p>
    </div>
 <!--右边-->
 <div id="yuobian">
  
    </div>
 <!--尾-->
 <div id="wei">
    <h3>友情链接：</h3>
    <ul>
    <li><a href="https://www.baidu.com.cn" target="_blank">百度</a></li>
    <li><a href="http://www.sina.com.cn/"target="_blank">新浪</a></li>
    <li><a href="https://www.zhihu.com/"target="_blank">知乎</a></li>
    <li><a href="https://www.taobao.com/"target="_blank">淘宝</a></li>
    <li><a href="https://mi.com/"target="_blank">小米</a></li>
    <li><a href="https://www.jingdong.com/"target="_blank">京东</a></li>
    </ul>
    <hr/>
    <p align="center">&copy版权所有</p>
    </div>
</div>
</body>
</html>

css

body{
 margin:0px;
 padding:0px;
 font-size:12px;
 background:url(1.JPG);
 }
#zhengti{
 margin:0px auto;
 width:780px;
 height:640px;
 text-align:left;
 background:url(6760808_141400217265_2.jpg);
 }
.two{
 color:#03F;
 font-family:"Courier New", Courier, monospace;
 font-size:15px;
 font-weight:bold;
 }
#tou{
 margin:0px;
 padding:0px;
 background:#39C;
 height:150px;
 width:100%;
 background:url(images/6760808_141400217265_2_01.gif);
 }
#daohang{
 margin:0px;
 padding:0px;
 }
#daohang ul{
 list-style-type:none;
 padding:0px;
 margin:0px;
 }
#daohang ul li{
 float:left;
 text-align:center;
 width:260px;
 
 }
#daohang ul li a{
 display:block;
 padding:9px 6px 11px 6px;
 margin:0px;
 background:url(images/6760808_141400217265_2_02.gif) no-repeat;
 }
#daohang a:link,#daohang a:visited{
 color:#004a87;
 text-decoration:underline;
 }
#daohang a:hover{
 color:#ffffff;
 text-decoration:none;
 background:url(3-1.jpg);
 }
#zuobian{
 width:200px;
 height:370px;
 margin:0px;
 padding:0px;
 float:left;
 }
#zuobian ul{
 list-style-type:none;
 padding:0px;
 margin:0px;
 }
#zhongjian{
 width:400px;
 height:370px;
 background:url(images/6760808_141400217265_2_04.gif);
 margin:0px;
 padding:0px;
 float:left;
 }
#yuobian{
 width:180px;
 height:370px;
 background:url(images/6760808_141400217265_2_05.png);
 margin:0px;
 padding:0px 0px 5px 0px;
 float:left;
 }
#wei{
 width:100%;
 height:70px;
 background:url(images/6760808_141400217265_2_06.gif);
 padding:0px;
 margin:0px;
 clear:both;
 }
#wei ul{
 list-style-type:none;
 padding:0px;
 margin:0px;
 }
#wei ul li{
 float:left;
 text-align:center;
 width:130px;
 
 }

html个人网页的更多相关文章

  1. 网页提交中文到WEB容器的经历了些什么过程....

    先准备一个网页 <html><meta http-equiv="Content-Type" content="text/html; charset=gb ...

  2. jQuery实践-网页版2048小游戏

    ▓▓▓▓▓▓ 大致介绍 看了一个实现网页版2048小游戏的视频,觉得能做出自己以前喜欢玩的小游戏很有意思便自己动手试了试,真正的验证了这句话-不要以为你以为的就是你以为的,看视频时觉得看懂了,会写了, ...

  3. 百度推出新技术 MIP，网页加载更快，广告呢？

    我们在2016年年初推出了MIP,帮助移动页面加速(原理).内测数据表明,MIP页面在1s内加载完成.现在已经有十多家网站加入MIP项目,有更多的网站正在加入中.在我们收到的反馈中,大部分都提到了广告 ...

  4. 预览github里面的网页或dome

    1.问题所在: 之前把项目提交到github都可以在路径前面加上http://htmlpreview.github.io/?来预览demo,最近发现这种方式预览的时候加载不出来css,js(原因不详) ...

  5. ASP.NET MVC5+EF6+EasyUI 后台管理系统（76）-微信公众平台开发-网页授权

    前言 网页授权是:应用或者网站请求你用你的微信帐号登录,同意之后第三方应用可以获取你的个人信息 网上说了一大堆参数,实际很难理解和猜透,我们以实际的代码来演示比较通俗易懂 配置 实现之前我们必须配置用 ...

  6. 如何在网页中提取Email地址

    开博好久了,今天第一次发表技术文档,之前总是将一些好的事例保存在电脑,时间久了找起来也很麻烦,所以还是放在博客里进行归类比较方便,这样也能将自己在学习过程中的一些心得体会分享给大家,也能给需要的人一点 ...

  7. Android -- 真正的 高仿微信 打开网页的进度条效果

    (本博客为原创,http://www.cnblogs.com/linguanh/) 目录: 一,为什么说是真正的高仿? 二,为什么要搞缓慢效果? 三,我的实现思路 四,代码,内含注释 五,使用方法与截 ...

  8. 微信网页开发之获取用户unionID的两种方法--基于微信的多点登录用户识别

    假设网站A有以下功能需求:1,pc端微信扫码登录:2,微信浏览器中的静默登录功能需求,这两种需求就需要用到用户的unionID,这样才能在多个登录点(终端)识别用户.那么这两种需求下用户的unionI ...

  9. nodejs利用ajax实现网页无刷新上传图片

    nodejs利用ajax实现网页无刷新上传图片 标签(空格分隔): nodejs 通常情况下上传图片是要通过提交form表单来实现的,但是这又不可避免的产生了网页转. 利用ajax技术和FormDat ...

  10. 《动手实现一个网页加载进度loading》

    loading随处可见,比如一个app经常会有下拉刷新,上拉加载的功能,在刷新和加载的过程中为了让用户感知到 load 的过程,我们会使用一些过渡动画来表达.最常见的比如"转圈圈" ...

随机推荐

  1. sql for xml path 处理

    1.将下列结果集 做成 aa   语文,数学 bb    英语,语文 这种格式 使用 for xml  path  记得去重复 WITH cte AS(SELECT stu.studentname,c ...

  2. 将http转为https访问

    1.去阿里云购买证书 有免费一年的证书 最多20个 一个证书需要填写一个二级域名 www.xxx.com2.开启apache相应配置 #修改httpd.conf文件 LoadModule ssl_mo ...

  3. ACM1008：Elevator

    Problem Description The highest building in our city has only one elevator. A request list is made u ...

  4. 音频算法之小黄人变声 附完整C代码

    前面提及到<大话音频变声原理 附简单示例代码>与<声音变调算法PitchShift(模拟汤姆猫) 附完整C++算法实现代码> 都稍微讲过变声的原理和具体实现. 大家都知道,算法 ...

  5. Asp.Ner Core定时任务

    AspNet Core定时任务 纪念人类首张黑洞照片发布 第一种方式BackgroundService 基于后台服务类BackgroundService实现,类所在命名空间Microsoft.Exte ...

  6. 20155232 2016-2017-2 《Java程序设计》第1周学习总结

    20155232 2016-2017-2 <Java程序设计>第1周学习总结 认真学习考核方式,理解成绩构成 100分构成: 翻转课堂考核12次(60分) 实验5次(15分) 团队项目(2 ...

  7. 覆盖Django mysql model中save方法时碰到的一个数据库更新延迟问题

    最近有一个需求,通过django的admin后台,可以人工配置5张表的数据,这些数据进行一些业务规则处理后会统一成一份数据缓存在一个cache之中供服务端业务访问,因而任何一张表的数据更新(增.删.改 ...

  8. ARKit-1

    1.1-AR技术简介 增强现实技术(Augmented Reality,简称 AR),是一种实时地计算摄影机影像的位置及角度并加上相应图像.视频.3D模型的技术,这种技术的目标是在屏幕上把虚拟世界套在 ...

  9. Luogu1445 [Violet]樱花

    题面 题解 $$ \frac 1x + \frac 1y = \frac 1{n!} \\ \frac{x+y}{xy}=\frac 1{n!} \\ xy=n!(x+y) \\ xy-n!(x+y) ...

  10. Objective-C 方法交换实践（二） - 方法指针交换

    一. 基本函数 根据 sel 得到 class 的实例方法 Method class_getInstanceMethod(Class cls, SEL name) 根据 sel 得到 class 的函 ...