下载资源前端资源详情

个人网页.zip

大小:6.68MB

价格:22积分

下载量:0

评分:

5.0

上传者:Mrh_ge

更新日期:2024-08-11

HTML网页设计大作业-个人网页设计

资源文件列表(大概)

文件名

大小

case.html

2.61KB

css/

css/style.css

4.57KB

hd.html

2.6KB

img/

img/b01.jpg

108.23KB

img/b1.jpg

495.81KB

img/b2.jpg

72.66KB

img/b3.jpg

165.94KB

img/b4.jpg

78.05KB

img/b5.jpg

32.72KB

img/ban.jpg

251.52KB

img/r1.jpg

50.6KB

img/rc1.jpg

28.75KB

img/rc2.jpg

370.86KB

img/rc3.jpg

60.29KB

img/t04.jpg

35.59KB

img/t2.jpg

37.07KB

img/t7.jpg

3.82MB

img/乒乓球.webp

6.17KB

img/北京路小吃.webp

28.1KB

img/吉他.webp

22.21KB

img/ͼƬ1.jfif

157.07KB

img/增城1.jfif

27.28KB

img/增城10.webp

21.4KB

img/增城2.webp

42.43KB

img/增城3.webp

57.36KB

img/增城4.webp

13.94KB

img/增城5.webp

29.39KB

img/增城7.webp

11.45KB

img/增城8.webp

26.6KB

img/增城9.webp

31.84KB

img/增城小吃.webp

48.54KB

img/增城小吃2.webp

53.59KB

img/增城小吃，正果云吞.webp

13.52KB

img/增城小吃，正果云吞2.webp

21.39KB

img/客家豆腐.webp

28.78KB

img/客家豆腐2.webp

12.4KB

img/宿舍.jfif

117.4KB

img/游戏.jfif

51.59KB

img/游戏2.webp

19.6KB

img/湿地公园.jfif

37.5KB

img/焦石岭.webp

36.81KB

img/焦石岭2.jfif

61.57KB

img/白水寨.webp

46.2KB

img/白水寨2.webp

32.37KB

img/荔枝.webp

28.73KB

img/荔枝2.webp

11.94KB

img/迟菜心.webp

20.43KB

img/迟菜心2.webp

23.68KB

index.html

5.74KB

js/

js/style.js

1.7KB

资源内容介绍

个人网页网站（三页网站），这个网站可以帮助用户进行一些关于个人方面的自我介绍，比如说，这里面有一些自我信息的描述（班级、姓名等等）。另外这里还包括了对家乡的相关介绍（美食、风景），还有一些个人爱好、日常生活的描述。可以让人较为全面的了解自己，同时也使得自我的介绍更加的简洁生动，具体可观。

<!DOCTYPE html><html><head><meta charset="utf-8" /><title>个人网页</title><link rel="stylesheet" type="text/css" href="css/style.css"/><script type="text/javascript" src="js/style.js"/></script></head><body><div id="nav2">广告1<div class="nav21"><input type="button" value="关闭广告×" onclick="shanchu1()"> </div></div><div id="nav3">广告2<div class="nav31"><input type="button" value="关闭广告×" onclick="shanchu2()"></div></div><div class="header"><div class="header-f"><div class="logo"><h3>个人网页</h3></div><div class="nav"><ul><li><a href="index.html">个人首页</a></li><li><a href="case.html">个人兴趣爱好</a></li><li><a href="hd.html">个人日常生活</a></li></ul></div></div></div><div class="ban"><div class="ban-left"><a href="#" onmouseover="mouseOver1()"onmouseout="mouseOut1()"><img src="img/ban.jpg" alt="" id="b1"></a></div><div class="ban-right"><img src="img/b4.jpg" alt=""><h3>***</h3><p>学校：***</p><p>专业：***</p><p>班级：***</p><p>手机：***</p><p>邮箱：***</p></div></div><div class="title-two"><h3>家乡小吃</h3></div><div class="img-push"><div class="img-push-left"><a href="#" onmouseover="mouseOver2()"onmouseout="mouseOut2()"><img src="img/增城小吃2.webp" alt="" id="b2"></a><p>特色小吃</p></div><div class="img-push-right"><ul><li><a href="#" onmouseover="mouseOver3()"onmouseout="mouseOut3()"><img src="img/增城小吃，正果云吞2.webp" alt="" id="b3"></a><p>正果云吞</p></li><li><a href="#" onmouseover="mouseOver4()"onmouseout="mouseOut4()"><img src="img/荔枝.webp" alt="" id="b4"></a><p>荔枝</p></li><li><a href="#" onmouseover="mouseOver5()"onmouseout="mouseOut5()"><img src="./img/客家豆腐2.webp" alt="" id="b5"></a><p>客家豆腐</p></li><li><a href="#" onmouseover="mouseOver6()"onmouseout="mouseOut6()" ><img src="img/迟菜心.webp" alt="" id="b6"><p>迟菜心</p></li></ul></div></div><div class="title-two"><h3>美丽风景</h3></div><div class="new-one"><div class="new-list"><div class="list-img" onmouseover="mouseOver7()"onmouseout="mouseOut7()"><img src="img/白水寨2.webp" alt="" id="b7"></div><div class="list-text"><h3>白水寨风景名胜区</h3><p>白水寨风景名胜区拥有原始森林、浅滩湿地、峡谷天池等广东罕见自然生态资源，其中最令人瞩目的当属落差高达428.5米的全国内地落差最大瀑布——白水仙瀑布。其形态优美，彷如仙女下凡，相传乃八仙之中何仙姑的化身。白水寨还是一个天然氧吧，山林飞瀑区域空气负离子含量高达11.25万个/立方厘米，位列广东景区之首。</p></div></div><div class="new-list"><div class="list-img" onmouseover="mouseOver8()"onmouseout="mouseOut8()"><img src="img/焦石岭.webp" alt="" id="b8"></div><div class="list-text"><h3>焦石岭森林公园</h3><p>蕉石岭森林公园于2000年11月经市政府批准建立，总体规划面积6117亩，首期开发面积1800亩，建设工程于2001年9月动工。完工之后在2014年又重新对公园进行整改，整改之后已经在公园内完善了许多公共设施，使公园更加的美丽。</p></div></div></div><div class="fot-white"><p>学校：*** 班级：*** 姓名：*** 学号：***</p></div></body><script type="text/javascript">function mouseOver1(){document.getElementById('b1').src="img/图片1.jfif"}function mouseOut1(){document.getElementById('b1').src="img/ban.jpg"}function mouseOver2(){document.getElementById('b2').src="img/增城小吃.webp"}function mouseOut2(){document.getElementById('b2').src="img/增城小吃2.webp"}function mouseOver3(){document.getElementById('b3').src="img/增城小吃，正果云吞.webp"}function mouseOut3(){document.getElementById('b3').src="img/增城小吃，正果云吞2.webp"}function mouseOver4(){document.getElementById('b4').src="img/荔枝2.webp"}function mouseOut4(){document.getElementById('b4').src="img/荔枝.webp"}function mouseOver5(){document.getElementById('b5').src="img/客家豆腐.webp"}function mouseOut5(){document.getElementById('b5').src="img/客家豆腐2.webp"}function mouseOver6(){document.getElementById('b6').src="img/迟菜心2.webp"}function mouseOut6(){document.getElementById('b6').src="img/迟菜心.webp"}function mouseOver7(){document.getElementById('b7').src="img/白水寨.webp"}function mouseOut7(){document.getElementById('b7').src="img/白水寨2.webp"}function mouseOver8(){document.getElementById('b8').src="img/焦石岭2.jfif"}function mouseOut8(){document.getElementById('b8').src="img/焦石岭.webp"}function shanchu1() { var shanchu = document.getElementById("nav2"); shanchu.parentNode.removeChild(shanchu); } function shanchu2() { var shanchu = document.getElementById("nav3"); shanchu.parentNode.removeChild(shanchu); }</script></html>

用户评论 (0)

发表评论

您的昵称:

评分

评论内容:

验证码:

HTML网页设计大作业-个人网页设计

资源文件列表(大概)

资源内容介绍

用户评论 (0)

发表评论

相关资源

一万多行C++小游戏多结局多剧情不太正常的计算机 Dome

一万多行C++小游戏不太正常的计算机Dome

fpga comm module

Animancer Pro v7.4.2 最新版

HTML网页设计大作业-个人网页设计

资源文件列表(大概)

资源内容介绍

用户评论 (0)

发表评论

相关资源

一万多行C++小游戏 多结局 多剧情 不太正常的计算机 Dome

一万多行C++小游戏 不太正常的计算机Dome

fpga comm module

Animancer Pro v7.4.2 最新版

一万多行C++小游戏多结局多剧情不太正常的计算机 Dome

一万多行C++小游戏不太正常的计算机Dome