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

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

相关文章

使用Python实现获取网页指定内容

《使用Python实现获取网页指定内容》在当今互联网时代,网页数据抓取是一项非常重要的技能,本文将带你从零开始学习如何使用Python获取网页中的指定内容,希望对大家有所帮助... 目录引言1. 网页抓取的基本概念2. python中的网页抓取库3. 安装必要的库4. 发送HTTP请求并获取网页内容5. 解

Python使用DrissionPage中ChromiumPage进行自动化网页操作

《Python使用DrissionPage中ChromiumPage进行自动化网页操作》DrissionPage作为一款轻量级且功能强大的浏览器自动化库,为开发者提供了丰富的功能支持,本文将使用Dri... 目录前言一、ChromiumPage基础操作1.初始化Drission 和 ChromiumPage

MySQL中慢SQL优化的不同方式介绍

《MySQL中慢SQL优化的不同方式介绍》慢SQL的优化,主要从两个方面考虑,SQL语句本身的优化,以及数据库设计的优化,下面小编就来给大家介绍一下有哪些方式可以优化慢SQL吧... 目录避免不必要的列分页优化索引优化JOIN 的优化排序优化UNION 优化慢 SQL 的优化,主要从两个方面考虑,SQL 语

C++中函数模板与类模板的简单使用及区别介绍

《C++中函数模板与类模板的简单使用及区别介绍》这篇文章介绍了C++中的模板机制,包括函数模板和类模板的概念、语法和实际应用,函数模板通过类型参数实现泛型操作,而类模板允许创建可处理多种数据类型的类,... 目录一、函数模板定义语法真实示例二、类模板三、关键区别四、注意事项 ‌在C++中,模板是实现泛型编程

Python实现html转png的完美方案介绍

《Python实现html转png的完美方案介绍》这篇文章主要为大家详细介绍了如何使用Python实现html转png功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 1.增强稳定性与错误处理建议使用三层异常捕获结构:try: with sync_playwright(

Java使用多线程处理未知任务数的方案介绍

《Java使用多线程处理未知任务数的方案介绍》这篇文章主要为大家详细介绍了Java如何使用多线程实现处理未知任务数,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 知道任务个数,你可以定义好线程数规则,生成线程数去跑代码说明:1.虚拟线程池:使用 Executors.newVir

Linux系统中配置静态IP地址的详细步骤

《Linux系统中配置静态IP地址的详细步骤》本文详细介绍了在Linux系统中配置静态IP地址的五个步骤,包括打开终端、编辑网络配置文件、配置IP地址、保存并重启网络服务,这对于系统管理员和新手都极具... 目录步骤一:打开终端步骤二:编辑网络配置文件步骤三:配置静态IP地址步骤四:保存并关闭文件步骤五:重

MyBatis-Plus中静态工具Db的多种用法及实例分析

《MyBatis-Plus中静态工具Db的多种用法及实例分析》本文将详细讲解MyBatis-Plus中静态工具Db的各种用法,并结合具体案例进行演示和说明,具有很好的参考价值,希望对大家有所帮助,如有... 目录MyBATis-Plus中静态工具Db的多种用法及实例案例背景使用静态工具Db进行数据库操作插入

JAVA SE包装类和泛型详细介绍及说明方法

《JAVASE包装类和泛型详细介绍及说明方法》:本文主要介绍JAVASE包装类和泛型的相关资料,包括基本数据类型与包装类的对应关系,以及装箱和拆箱的概念,并重点讲解了自动装箱和自动拆箱的机制,文... 目录1. 包装类1.1 基本数据类型和对应的包装类1.2 装箱和拆箱1.3 自动装箱和自动拆箱2. 泛型2

Apache伪静态(Rewrite).htaccess文件详解与配置技巧

《Apache伪静态(Rewrite).htaccess文件详解与配置技巧》Apache伪静态(Rewrite).htaccess是一个纯文本文件,它里面存放着Apache服务器配置相关的指令,主要的... 一、.htAccess的基本作用.htaccess是一个纯文本文件,它里面存放着Apache服务器