静态网页设计——黄山景区介绍(旅游景点类)

2024-01-03 12:36

本文主要是介绍静态网页设计——黄山景区介绍(旅游景点类),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

前言

静态网页课程设计,以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>&nbsp;&nbsp;&nbsp;&nbsp;</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

具体的代码也在该链接下。

这篇关于静态网页设计——黄山景区介绍(旅游景点类)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/565713

相关文章

网页解析 lxml 库--实战

lxml库使用流程 lxml 是 Python 的第三方解析库,完全使用 Python 语言编写,它对 XPath表达式提供了良好的支 持,因此能够了高效地解析 HTML/XML 文档。本节讲解如何通过 lxml 库解析 HTML 文档。 pip install lxml lxm| 库提供了一个 etree 模块,该模块专门用来解析 HTML/XML 文档,下面来介绍一下 lxml 库

不懂推荐算法也能设计推荐系统

本文以商业化应用推荐为例,告诉我们不懂推荐算法的产品,也能从产品侧出发, 设计出一款不错的推荐系统。 相信很多新手产品,看到算法二字,多是懵圈的。 什么排序算法、最短路径等都是相对传统的算法(注:传统是指科班出身的产品都会接触过)。但对于推荐算法,多数产品对着网上搜到的资源,都会无从下手。特别当某些推荐算法 和 “AI”扯上关系后,更是加大了理解的难度。 但,不了解推荐算法,就无法做推荐系

性能测试介绍

性能测试是一种测试方法,旨在评估系统、应用程序或组件在现实场景中的性能表现和可靠性。它通常用于衡量系统在不同负载条件下的响应时间、吞吐量、资源利用率、稳定性和可扩展性等关键指标。 为什么要进行性能测试 通过性能测试,可以确定系统是否能够满足预期的性能要求,找出性能瓶颈和潜在的问题,并进行优化和调整。 发现性能瓶颈:性能测试可以帮助发现系统的性能瓶颈,即系统在高负载或高并发情况下可能出现的问题

水位雨量在线监测系统概述及应用介绍

在当今社会,随着科技的飞速发展,各种智能监测系统已成为保障公共安全、促进资源管理和环境保护的重要工具。其中,水位雨量在线监测系统作为自然灾害预警、水资源管理及水利工程运行的关键技术,其重要性不言而喻。 一、水位雨量在线监测系统的基本原理 水位雨量在线监测系统主要由数据采集单元、数据传输网络、数据处理中心及用户终端四大部分构成,形成了一个完整的闭环系统。 数据采集单元:这是系统的“眼睛”,

Hadoop数据压缩使用介绍

一、压缩原则 (1)运算密集型的Job,少用压缩 (2)IO密集型的Job,多用压缩 二、压缩算法比较 三、压缩位置选择 四、压缩参数配置 1)为了支持多种压缩/解压缩算法,Hadoop引入了编码/解码器 2)要在Hadoop中启用压缩,可以配置如下参数

图神经网络模型介绍(1)

我们将图神经网络分为基于谱域的模型和基于空域的模型,并按照发展顺序详解每个类别中的重要模型。 1.1基于谱域的图神经网络         谱域上的图卷积在图学习迈向深度学习的发展历程中起到了关键的作用。本节主要介绍三个具有代表性的谱域图神经网络:谱图卷积网络、切比雪夫网络和图卷积网络。 (1)谱图卷积网络 卷积定理:函数卷积的傅里叶变换是函数傅里叶变换的乘积,即F{f*g}

怎么让1台电脑共享给7人同时流畅设计

在当今的创意设计与数字内容生产领域,图形工作站以其强大的计算能力、专业的图形处理能力和稳定的系统性能,成为了众多设计师、动画师、视频编辑师等创意工作者的必备工具。 设计团队面临资源有限,比如只有一台高性能电脑时,如何高效地让七人同时流畅地进行设计工作,便成为了一个亟待解决的问题。 一、硬件升级与配置 1.高性能处理器(CPU):选择多核、高线程的处理器,例如Intel的至强系列或AMD的Ry

C++——stack、queue的实现及deque的介绍

目录 1.stack与queue的实现 1.1stack的实现  1.2 queue的实现 2.重温vector、list、stack、queue的介绍 2.1 STL标准库中stack和queue的底层结构  3.deque的简单介绍 3.1为什么选择deque作为stack和queue的底层默认容器  3.2 STL中对stack与queue的模拟实现 ①stack模拟实现

基于51单片机的自动转向修复系统的设计与实现

文章目录 前言资料获取设计介绍功能介绍设计清单具体实现截图参考文献设计获取 前言 💗博主介绍:✌全网粉丝10W+,CSDN特邀作者、博客专家、CSDN新星计划导师,一名热衷于单片机技术探索与分享的博主、专注于 精通51/STM32/MSP430/AVR等单片机设计 主要对象是咱们电子相关专业的大学生,希望您们都共创辉煌!✌💗 👇🏻 精彩专栏 推荐订阅👇🏻 单片机

EasyPlayer.js网页H5 Web js播放器能力合集

最近遇到一个需求,要求做一款播放器,发现能力上跟EasyPlayer.js基本一致,满足要求: 需求 功性能 分类 需求描述 功能 预览 分屏模式 单分屏(单屏/全屏) 多分屏(2*2) 多分屏(3*3) 多分屏(4*4) 播放控制 播放(单个或全部) 暂停(暂停时展示最后一帧画面) 停止(单个或全部) 声音控制(开关/音量调节) 主辅码流切换 辅助功能 屏