静态网页设计——黄山景区介绍(旅游景点类)
2024-01-03 12:26:27
前言
静态网页课程设计,以HTML5+CSS3+js实现页面结构,主题为黄山景区介绍。
主要内容
首页
首页最上侧是一个菜单条,下面是对黄山景点的简要介绍。
部分代码:
<div >
<p class="title"><span>游</span><span>黄</span><span>山</span></p>
<p class="title1">黄山是<span class="text1">世界文化与自然双重遗产,世界地质公园,国家AAAAA级旅游景区,国家级风景名胜区,全国文明风景旅游区示范点,中华十大名山,天下第一奇山。</span>
黄山位于安徽省南部黄山市境内,有72峰,主峰莲花峰海拔1864米,与光明顶、天都峰并称三大黄山主峰,为36大峰之一。黄山是安徽旅游的标志。
黄山原名“黟山”,因峰岩青黑,遥望苍黛而名。后因传说轩辕黄帝曾在此炼丹,故改名为“黄山”。黄山代表景观有“五绝三瀑”,五绝:奇松、怪石、云海、温泉、冬雪;三瀑:人字瀑、百丈泉、九龙瀑。黄山迎客松是安徽人民热情友好的象征,承载着拥抱世界的东方礼仪文化。
明朝旅行家徐霞客登临黄山时赞叹:“薄海内外之名山,无如徽之黄山。登黄山,天下无山,观止矣!”被后人引申为“<span class="text2">五岳归来不看山,黄山归来不看岳</span>”。</p>
</div>
<hr color="grey" />
<div class="yin">
<h2>迎 客 松</h2>
<img src="images/yinkesong.jpg" alt="">
</div>
贴士
说明去黄色游玩的注意事项。
部分代码:
<div class="anquan">
<p><span>交</span><span>通</span><span>问</span><span>题</span></p>
<p>机场车站均有直达黄山景区的公交和出租车,注意安全,不要上黑车,确保自身财产安全</p>
</div>
<hr color="#66FF33">
<div class="anquan">
<p><span>游</span><span>玩</span><span>贴</span><span>士</span></p>
特产
简要介绍黄山的一些特产。
部分代码:
<div class="te">
<img src="images/maofen.jpg" alt="">
<p><span>黄</span><span>山</span><span>毛</span><span>峰</span></p>
<p>黄山毛峰是中bai国十大名茶之一,属于绿茶du。产于安徽省黄山(徽州)一带,所以又zhi称徽茶dao。由清代光绪年间谢裕大茶庄所创制。每年清明谷雨,选摘良种茶树“黄山种”、“黄山大叶种”等的初展肥壮嫩芽,手工炒制,该茶外形微卷,状似雀舌,绿中泛黄,银毫显露,且带有金黄色鱼叶(俗称黄金片)。入杯冲泡雾气结顶,汤色清碧微黄,叶底黄绿有活力,滋味醇甘,香气如兰,韵味深长。由于新制茶叶白毫披身,芽尖峰芒,且鲜叶采自黄山高峰,遂将该茶取名为黄山毛峰。</p>
</div>
大学
对黄山学院进行简单的介绍。
部分代码:
<div class="daxue">
<p><span>历</span><span>史</span><span>沿</span><span>革</span></p>
<p>1965年,安徽省屯溪师范学校创建,主要担负培养小学教师、幼儿园教师及轮训教育行政干部的任务。
1970年,学校更名为徽州地区师范学校。
1978年3月,经安徽省人民政府批准,在徽州地区师范学校的基
黄山学院
础上创建了安徽劳动大学徽州师范专科班,正式承担高等学校招生任务,学制二年,由省、地双重领导。
1979年9月,改称安徽师范大学徽州专科学校。
1980年5月,经国务院批准,改为徽州师范专科学校,为省属高等师范院校,学制三年,在校学生规模暂定为1200名,以培养初中师资为主要任务。
1997年12月,成立于1986年10月的中国科学技术大学徽州大专班与徽州师范专科学校合并,成立黄山高等专科学校。
2000年9月,成立于1958年10月的黄山林业学校并入黄山高等专科学校。
2002年2月,黄山高等专科学校名称更改为黄山学院。 [3]</p>
</div>
注册
实现一个注册表单。
总结
想要看具体效果的同学,可以访问这个链接:
https://www.bilibili.com/video/BV1VN4y1i72y/?spm_id_from=333.999.0.0&vd_source=5f425e0074a7f92921f53ab87712357b
具体的代码也在该链接下。
文章来源:https://blog.csdn.net/qq_47188967/article/details/135359090
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!