文章目录

  • 一、作品展示
  • 二、文件目录
  • 三、代码实现
  • 四、获取更多源码

一、作品展示





二、文件目录

三、代码实现

<!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>
<script src="http://se.360.cn/common/qihoo_ie6_tips.js"></script>
<style type="text/css">body{margin:0px;padding:0px;font-size:12px;text-decoration:none;background-color:#E9E9E9;background-image:url(images/bg.gif);background-repeat:repeat-x;  }</style><link rel="stylesheet" type="text/css" href="css/css.css" />
</head><body><div class = "content"><div class ="top"></div>
<div class = "nav"></div>
<div class ="Navigation_bar">
<ul>
<li class = "kuai"><a href="index.html">首页</a></li>
<li class = "kuai"><a href="h_arcticle.html">我的家乡</a></li>
<li class = "kuai"><a href="f_arcticle.html">我的母校</a></li>
<li class = "kuai"><a href="list.html">我的文章</a></li>
<li class = "kuai"><a href="p_arcticle.html">我的相册</a></li>
</ul>
</div>
<div class = "nav"></div>
<div class = "showpic"><object
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="960" height="150" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param name="movie" value="swf/Currencyshow.swf?data=xml/index.xml" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><embed src="swf/Currencyshow.swf?data=xml/index.xml"
wmode="transparent" quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="960" height="150"></embed>
</object><div ></div>
</div>
<div class = "nav"></div>
<div class = "main">
<div class = "left">
<div class = "title">
<span style="float:left; margin-top:15px;"><img src="images/myhometown.jpg" alt="我的家乡" name="link" width="180" height="21" id="link" /></span>
</div><div class = "nav"></div>
<div class = "index_list">&nbsp;&nbsp;&nbsp;&nbsp;长清是正在崛起的西部新城。2003年6月省委常委扩大会议确定了济南“东拓、西进、南控、北跨、中疏”的城市发展总体战略,其中“西进”是指加快开发以济南经济开发区、大学科技园和长清主城区为主的“西部片区”。在此基础上,我们确定了“两轴五组团”的城市发展空间结构,即以自然山体、水系和交通走廊为主线,进一步细划为长清主城区、大学科技园区、经济开发区、农业高新技
术开发区和五峰山旅游度假区五个功能不同、风格迥异的城市组团,从而形成沿经十路连接经济开发区和长清城区的经济、社会、生态、城市发展轴: ……  <br>
</div><span style="float:right;padding-top:70px;"><a href="h_arcticle.html"><img src="images/more.jpg" border="0" /></a></span></div>         <div class = "middle">            <div class = "title">
<span style="float:left; margin-top:15px"><img src="images/mymotherschool.jpg" alt="我的母校" name="link" width="180" height="21" id="link" /></span>
</div>
<div class = "nav"></div>
<div class = "index_list">&nbsp;&nbsp;&nbsp;&nbsp;济南市长清第一中学位于风景秀丽、人文荟萃、经济发达的济南市长清区,其源于1904年创建的县立高等学堂,迄今已有一百零五年的历史。目前,学校分东西两个校区,占地361亩,建筑面10万平方米,学校现有100多个高初中教学班,在校生6000余人。长清一中是省级规范化学校,济南市重点中学,长清区窗口单位、教育龙头学校 …… </div>
<span style="float:right;padding-top:70px;"><a href="f_arcticle.html"><img src="images/more.jpg" border="0" /></a></span></div><div class = "right">
<div class = "title">
<span style="float:left;margin-top:15px"><img src="images/myarticle.jpg" alt="我的文章" name="link" width="180" height="21" id="link" /></span>
</div>
<div class = "nav"></div>
<ul style="line-height:10px;"><li class = "list_right"><a href="arcticle.html">自我介绍</a><span style="float:right;">2012-13-21</span></li><li class = "list_right"><a href="http://my.micsite.net/my/Article.asp?id=5">重装系统就是这么简单 </a><span style="float:right;">2012-13-21</span></li><li class = "list_right"><a href="http://my.micsite.net/my/Article.asp?id=4">解决输入法问题 </a><span style="float:right;">2012-13-21</span></li><li class = "list_right"><a href="http://my.micsite.net/my/Article.asp?id=3">电脑分区 </a><span style="float:right;">2012-13-21</span></li><li class = "list_right"><a href="http://my.micsite.net/my/Article.asp?id=2">xp系统设置开机密码 </a><span style="float:right;">2012-13-21</span></li><li class = "list_right"><a href="http://my.micsite.net/my/Article.asp?id=15">micsite.net的来历? </a><span style="float:right;">2012-13-21</span></li><li class = "list_right"><a href="http://my.micsite.net/my/Article.asp?id=80">德州学院失物招领平台</a><span style="float:right;">2012-13-21</span></li></ul>
<span style="float:right;padding-top:70px;"><a href="list.html"><img src="images/more.jpg" border="0" /></a></span></div>
</div><div class = "nav"></div>
<div class = "group">
<a href="#"><img src="images/major-by-1.jpg" alt="一组" width="113" height="45" border="0" id="link" /></a>&nbsp;&nbsp;
<a href="#"><img src="images/major-by-2.jpg" alt="二组" name="link" width="113" height="45" border="0" id="link" /></a>&nbsp;&nbsp;
<a href="#"><img src="images/major-by-3.jpg" alt="三组" name="link" width="113" height="45" border="0" id="link" /></a>&nbsp;&nbsp;
<a href="#"><img src="images/major-by-4.jpg" alt="四组" name="link" width="113" height="45" border="0" id="link" /></a>&nbsp;&nbsp;
<a href="#"><img src="images/major-by-5.jpg" alt="五组" name="link" width="113" height="45" border="0" id="link" /></a>&nbsp;&nbsp;
<a href="#"><img src="images/major-by-6.jpg" alt="六组" name="link" width="113" height="45" border="0" id="link" /></a>&nbsp;&nbsp;
<a href="#"><img src="images/major-by-7.jpg" alt="七组" name="link" width="113" height="45" border="0" id="link" /></a>&nbsp;&nbsp;</div>
<div class = "nav"></div>
<div class = "link_bar">
<div ><select name="friendLink" onchange="if(this.options[this.selectedIndex].value!='yqlj'){window.open(this.options[this.selectedIndex].value,'_blank')}" style="width:118px;"><option selected="selected" value="yqlj">友情链接</option><option target='_blank' value='http://v.micsite.net'>无声工作室</option><option target='_blank' value='http://211.64.32.1'>德州学院</option><option target='_blank' value='http://sdbk.micsite.net'>山东高考信息网</option></select><a href="http://v.micsite.net"><img src="images/novice.jpg" alt="无声" name="link" width="107" height="34" border="0" id="link" /></a>&nbsp;&nbsp;<a href="http://211.64.32.1/"><img src="images/dzu.jpg" alt="友情链接" name="link" width="107" height="34" border="0" id="link" /></a>&nbsp;&nbsp;<a href="http://sdbk.micsite.net"><img src="images/sdbk.jpg" alt="友情链接" name="link" width="107" height="34" border="0" id="link" /></a>&nbsp;&nbsp;<a href="#"><img src="images/yq.jpg" alt="友情链接" name="link" width="107" height="34" border="0" id="link" /></a>&nbsp;&nbsp;<a href="#"><img src="images/yq.jpg" alt="友情链接" name="link" width="107" height="34" border="0" id="link" /></a></div>
</div>
<div class = "nav"></div>
<div class = "line"></div>
<div class = "nav"></div><div class = "nav"></div>
<div class = "foot_line"></div>
</div><!-- JiaThis Button BEGIN -->
<script type="text/javascript">var jiathis_config = {data_track_clickback:true};</script>
<script type="text/javascript" src="http://v3.jiathis.com/code/jiathis_r.js?move=0&amp;uid=1335754376897194" charset="utf-8"></script>
<!-- JiaThis Button END --></body>
</html>

四、获取更多源码

~ 关注我,点赞博文~ 每天带你涨知识!
相关问题可以相互学习,可关注↓公Z号 获取更多源码

静态HTML网页设计作品我的家乡-获奖第二(6页) HTML+CSS+JavaScript 关于我的家乡HTML网页设计--相关推荐

  1. HTML+CSS静态页面网页设计作业——我的家乡-四川成都(4页) HTML+CSS+JavaScript

    HTML5期末大作业:我的家乡网站设计--我的家乡-四川成都(4页) HTML+CSS+JavaScript 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶 ...

  2. HTML5期末大作业:关于家乡景点介绍网页设计-------我的家乡金堂(9页) HTML+CSS+JavaScript

    HTML5期末大作业:关于家乡景点介绍网页设计-------我的家乡金堂(9页) HTML+CSS+JavaScript 期末作业HTML代码 学生网页课程设计期末作业下载 web网页设计制作成品 1 ...

  3. HTML5期末大作业:关于我的家乡——四川文化(4页) HTML+CSS+JavaScript

    HTML5期末大作业:关于我的家乡--四川文化(4页) HTML+CSS+JavaScript 期末作业HTML代码 学生网页课程设计期末作业下载 web网页设计制作成品 1.临近期末, 你还在为HT ...

  4. 学生DW静态网页设计我的家乡——四川文化(4页) HTML+CSS+JavaScript 家乡主题HTM5网页设计作业成品

    HTML5期末大作业:家乡网站设计--我的家乡--四川文化(4页) HTML+CSS+JavaScript 家乡主题HTM5网页设计作业成品 文章目录 HTML5期末大作业:家乡网站设计--我的家乡- ...

  5. html简单个人网页制作 div+css静态网页设计——我的家乡-金堂(9页) HTML+CSS+JavaScript 关于家乡的HTML网页设计-----金堂

    HTML5期末大作业:老家网站设计--我的家乡-金堂(9页) HTML+CSS+JavaScript 关于家乡的HTML网页设计-----金堂 常见网页设计作业题材有 个人. 美食. 公司. 学校. ...

  6. HTML大期末作业: 关于家乡介绍HTML网页设计——我的家乡鉴江(5页) HTML+CSS+JavaScript...

    1.临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手? 网页要求的总数量太多? 2.没有合适的模板?等等一系列问题.你想要解决的问题,在这篇博文中基本都能 ...

  7. html简单个人网页制作——我的家乡——四川文化(4页) HTML+CSS+JavaScript 家乡主题HTM5网页设计作业成品

    HTML5期末大作业:家乡网站设计--我的家乡--四川文化(4页) HTML+CSS+JavaScript 家乡主题HTM5网页设计作业成品 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅 ...

  8. 静态HTML网页设计作品 仿唯品会购物商城(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 商城网站设计

    HTML5期末大作业:仿唯品会购物网站设计--仿唯品会购物商城(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 商城网站设计 常见网页设计作业题材有 个人. 美食. 公司. ...

  9. 静态HTML网页设计作品—绿色古典旅游景区(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品

    HTML5期末大作业:旅游景区网站设计--绿色古典旅游景区(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电 ...

最新文章

  1. 人工智能市场兴起,哪款聊天机器人能提供最好的投资回报?
  2. 【 Makefile 编程基础之三】详解 Makefile 变量的定义规则使用!
  3. 程序员必备的七大面向对象设计原则(三)
  4. 定时器里面的作用域问题
  5. 我学的是设计模式的视频教程——命令模式vs策略模式,唠嗑
  6. Java多线程之Callable、Future和FutureTask
  7. 20150203一些移动端H5小bug解决
  8. 杨宏宇:腾讯多模态内容理解技术及应用
  9. as和强制类型转换的区别
  10. gem5和nvmain混合编译
  11. 【LeetCode】剑指 Offer 63. 股票的最大利润
  12. vue 解决跨域 调试_vue+Java后端进行调试时解决跨域问题的方式
  13. 【UnityShader】使用Cubemap/Matcap制作玻璃
  14. nssa和stub_ospf协议stub和nssa区域说明
  15. vue获取token 实现token登录
  16. 【5G核心网】5GC核心网之网元AUSF
  17. (int)类型和(int )类型的区别
  18. AXURE 手机尺寸设置
  19. 基于深度学习的动物识别方法研究与实现
  20. printf输出bool值 | printf转换符

热门文章

  1. play chess象棋
  2. HTML页面元素的隐藏方法
  3. LeetCode 笔记系列16.1 Minimum Window Substring [从O(N*M), O(NlogM)到O(N),人生就是一场不停的战斗]...
  4. 导入mongo数据库
  5. FPGA/数字IC之有限状态机:简介及其编码方式:顺序码、独热码与格雷码比较
  6. Android App的工作原理
  7. Linux mailx发送邮件到QQ邮箱(测试成功)
  8. 面试常问到:如何优化数据库?
  9. 编写一个程序,链接两个字符串字面常量,将结果保存在一个动态分配的 char 数组中,连接两个标准 string 对象。
  10. MySQL 数据库的高可用性分析