html个人网页
<!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">©版权所有</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个人网页的更多相关文章
- 网页提交中文到WEB容器的经历了些什么过程....
先准备一个网页 <html><meta http-equiv="Content-Type" content="text/html; charset=gb ...
- jQuery实践-网页版2048小游戏
▓▓▓▓▓▓ 大致介绍 看了一个实现网页版2048小游戏的视频,觉得能做出自己以前喜欢玩的小游戏很有意思便自己动手试了试,真正的验证了这句话-不要以为你以为的就是你以为的,看视频时觉得看懂了,会写了, ...
- 百度推出新技术 MIP，网页加载更快，广告呢？
我们在2016年年初推出了MIP,帮助移动页面加速(原理).内测数据表明,MIP页面在1s内加载完成.现在已经有十多家网站加入MIP项目,有更多的网站正在加入中.在我们收到的反馈中,大部分都提到了广告 ...
- 预览github里面的网页或dome
1.问题所在: 之前把项目提交到github都可以在路径前面加上http://htmlpreview.github.io/?来预览demo,最近发现这种方式预览的时候加载不出来css,js(原因不详) ...
- ASP.NET MVC5+EF6+EasyUI 后台管理系统（76）-微信公众平台开发-网页授权
前言 网页授权是:应用或者网站请求你用你的微信帐号登录,同意之后第三方应用可以获取你的个人信息 网上说了一大堆参数,实际很难理解和猜透,我们以实际的代码来演示比较通俗易懂 配置 实现之前我们必须配置用 ...
- 如何在网页中提取Email地址
开博好久了,今天第一次发表技术文档,之前总是将一些好的事例保存在电脑,时间久了找起来也很麻烦,所以还是放在博客里进行归类比较方便,这样也能将自己在学习过程中的一些心得体会分享给大家,也能给需要的人一点 ...
- Android -- 真正的 高仿微信 打开网页的进度条效果
(本博客为原创,http://www.cnblogs.com/linguanh/) 目录: 一,为什么说是真正的高仿? 二,为什么要搞缓慢效果? 三,我的实现思路 四,代码,内含注释 五,使用方法与截 ...
- 微信网页开发之获取用户unionID的两种方法--基于微信的多点登录用户识别
假设网站A有以下功能需求:1,pc端微信扫码登录:2,微信浏览器中的静默登录功能需求,这两种需求就需要用到用户的unionID,这样才能在多个登录点(终端)识别用户.那么这两种需求下用户的unionI ...
- nodejs利用ajax实现网页无刷新上传图片
nodejs利用ajax实现网页无刷新上传图片 标签(空格分隔): nodejs 通常情况下上传图片是要通过提交form表单来实现的,但是这又不可避免的产生了网页转. 利用ajax技术和FormDat ...
- 《动手实现一个网页加载进度loading》
loading随处可见,比如一个app经常会有下拉刷新,上拉加载的功能,在刷新和加载的过程中为了让用户感知到 load 的过程,我们会使用一些过渡动画来表达.最常见的比如"转圈圈" ...
随机推荐
- Linux网卡配置文件 参数详解
之所以弄这玩意儿是图个清晰方便,最近这段时间弄了好十来次虚拟机网络了ubuntu,centos,rhat7各种折腾,其实把网上各种命令行下的攻略折腾最后关键无非都是对/etc/sysconfig/ne ...
- Docker部署大型互联网电商平台
1.Docker简介 1.1虚拟化 1.1.1什么是虚拟化 在计算机中,虚拟化(英语:Virtualization)是一种资源管理技术,是将计算机的各种实体资源,如服务器.网络.内存及存储等,予以抽象 ...
- 《你不知道的JavaScript》系列分享专栏
<你不知道的JavaScript>系列分享专栏 你不知道的JavaScript”系列就是要让不求甚解的JavaScript开发者迎难而上,深入语言内部,弄清楚JavaScript每一个零部 ...
- PTA(BasicLevel)-1006换个格式输出整数
一 换格式输出整数 用字母 B 来表示“百”.字母 S 表示“十”,用 12...n 来表示不为零的个位数字 n(<10),换个格式来输出任一个不超过 3 位的正整数.例如 234 应该被 ...
- MySQL数据库删除数据（有外键约束）
在MySQL中删除一张表或一条数据的时候,出现有外键约束的问题,于是就去查了下方法: SELECT @@FOREIGN_KEY_CHECKS; 查询当前外键约束是否打开 ; 设置为1的时候外键约束是打 ...
- MongoDB成为最受开发人员期待的数据库系统
本文翻译之MongoDB官方博客,原文地址:https://www.mongodb.com/blog/post/stack-overflow-research-developers-mongodb-m ...
- tarjan 强连通分量
一.强连通分量定义 有向图强连通分量在有向图G中,如果两个顶点vi,vj间(vi>vj)有一条从vi到vj的有向路径,同时还有一条从vj到vi的有向路径,则称两个顶点强连通(strongly c ...
- python习题20190130
#encoding=utf-8 ''' 一家商场在降价促销.如果购买金额50-100元(包含50元和100元)之间,会给10%的折扣,如果购买金额大于100元会给20%折扣.编写一程序,询问购买价格, ...
- 20155320 2016-2017-2《Java程序设计》课程总结
20155320 2016-2017-2<Java程序设计>课程总结 (按顺序)每周作业链接汇总 预备作业1:第一次写随笔,回答了老师的一些问题,写下了期望和目标 预备作业2:总结了一下自 ...
- L013-linux基础正则表达式手把手实战讲解小节
L013-linux基础正则表达式手把手实战讲解小节 这么一看又有10天没更新博客了,最近也一直在学就是时间比较闲散,再加上做上次老师留的十多道题,所以时间比较紧张,本来做完题准备直接先看L014讲解 ...