HTML5期末大作业：家乡网站设计——我的家乡-获奖第二(6页) HTML+CSS+JavaScript 关于我的家乡HTML网页设计--

本文链接：https://blog.csdn.net/m0_46321522/article/details/121534980

这篇博客分享了一位学生用HTML5、CSS和JavaScript完成的关于家乡的6页网页设计作品，适用于前端学习者和网页设计作业。作品包括响应式布局，并涵盖Div+CSS、鼠标特效、多媒体元素等多种技术，还提供了源码下载和学习资料。

摘要由CSDN通过智能技术生成

HTML5期末大作业：家乡网站设计——我的家乡-获奖第二(6页) HTML+CSS+JavaScript 关于我的家乡HTML网页设计–

常见网页设计作业题材有 个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

获取更多源码

PC电脑端关注我们

🧡作者主页-更多源码

🧡HTML期末大作业文章专栏

作品介绍

1.网页作品简介 ：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。

2.网页作品编辑：作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页）。

3.网页作品技术：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、音频元素、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。

文章目录

HTML5期末大作业：家乡网站设计——我的家乡-获奖第二(6页) HTML+CSS+JavaScript 关于我的家乡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>
<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" <