<!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. Ubuntu16.04上安装neo4j数据库

    什么是neo4j数据库? neo4j数据库是图数据库的一种,属于nosql的一种,常见的nosql数据库还有redis.memcached.mongDB等,不同于传统的关系型数据库,nosql数据也有 ...

  2. 对大数据的批量导入MySQL数据库

    自己的库里有索引在用insert导入数据时会变慢很多 使用事务+批量导入 可以配置使用spring+mybatis整合的方式关闭自动提交事务(地址),选择批量导入每一百条导入使用list存储值传入到m ...

  3. 面试：HashSet怎么判断重复

    HashSet是基于HashMap实现的,元素的值存储在key上,value的值所有元素都一样,都是这个 private static final Object PRESENT = new Objec ...

  4. 【二】调通单机版的thrift-C++版本

    [任务2]调通单机版的thrift-C++版本 [任务2]调通单机版的thrift-C++版本 创建文件 安装boost开发工具 拷贝文件 [可忽略此步骤,如果c++代码直接编译无误的话] 编译 创建 ...

  5. FreeRTOS内存管理

    简介 Freertos的内存管理分别在heap_1.c,heap_2.c,heap_3.c,heap_4.c,heap_5.c个文件中,选择合适的一种应用于嵌入式项目中即可. 本文的图片中 红色部分B ...

  6. 20155217 2016-2017-2《java程序设计》第一周学习总结

    20155217 2016-2017-2<java程序设计>第一周学习总结 浏览教材,根据自己的理解每章提出一个问题 java平台和java编程语言的区别? 怎样使用IDE来管理原始码与位 ...

  7. wmware 10 升级到11后，macos不能运行的问题

    解决方案: 1.由于wmware升级,原来的unlocker已不能使用. 所以得升级unlocker版本,目前支持wmware11的最新版本是2.0.4 http://www.insanelymac. ...

  8. day6 网络 HTML模板

    1.HTML模板 HTML模板 baidu一下 http://www.cssmoban.com/ http://www.cnblogs.com/web-d/archive/2010/04/16/171 ...

  9. 洛谷 P1876 开灯

    传送门 这道题凭什么是! 就因为它代码短?! 还是我太菜了... 第$i$盏灯的开关与否只由其约数个数决定,又有约数公式: 当$n=p_1^{a_1}p_2^{a_2}...p_n^{a_n}$时,约 ...

  10. FFT&NTT总结

    FFT&NTT总结 一些概念 \(DFT:\)离散傅里叶变换\(\rightarrow O(n^2)\)计算多项式卷积 \(FFT:\)快速傅里叶变换\(\rightarrow O(nlogn ...