🎉精彩专栏推荐 💭文末获取联系
✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主
💂 作者主页: 【主页——🚀获取更多优质源码】
🎓 web前端期末大作业： 【📚毕设项目精品实战案例 (1000套) 】
🧡 程序员有趣的告白方式：【💌HTML七夕情人节表白网页制作 (110套) 】
🌎超炫酷的Echarts大屏可视化源码：【🔰 echarts大屏展示大数据平台可视化(150套) 】
🎁 免费且实用的WEB前端学习指南： 【📂web前端零基础到高级学习视频教程 120G干货分享】
🥇 关于作者: 💬一个热爱把逻辑思维转变为代码的技术博主，技术组长，教学总监；曾于2016年、2020年两度荣获CSDN年度十大博客之星。 十载寒冰，难凉热血；多年过去，历经变迁，物是人非。 然而，对于技术的探索和追求从未停歇。 💪坚持原创，热衷分享，初心未改，继往开来！> 家乡旅游景点网页作业制作 网页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒子设定居中，内部左中右布局，下方横向浮动排列，大学学习的前端知识点和布局方式都有运用，CSS的代码量也很足、很细致，使用hover来完成过渡效果、鼠标滑过效果等，使用表格、表单补充模块，为方便新手学习页面中没有使用js有需要的可以自行添加。
@[TOC](文章目录🌰)
网页介绍📖
1 网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。
2.网页编辑：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。
3.知识应用：技术方面主要应用了网页知识中的: Div+CSS、鼠标滑过特效、Table、导航栏效果、Banner、表单、二级三级页面等，视频、 音频元素 、Flash，同时设计了Logo（源文件）所需的知识点。
网页效果🌌
# 代码展示😈
## 1.HTML结构代码 🧱 代码如下（示例）：以下仅展示部分代码供参考~
<html >
<head>
<link href="css/all.css" rel="stylesheet" media="all" type="text/css"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>著名景点</title>
</head>
<body>
<div class="c1">
<div class="c4">陕西渭南</div>
<div class="c3">SHANXI WEINAN</div>
<ul>
<a href="shouye.html"><li>首页</li></a>
<a href="jingdian.html"><li>著名景点</li></a>
<a href="wenhua.html"><li>民俗文化</li></a>
<a href="tupian.html"><li>美食小吃</li></a>
<a href="mingren.html"><li>历史名人</li></a>
<ul>
</div>
<div class="content">
<div class="left">
<h3><span>著名景点</span></h3>
<p style="text-indent:2em;">
陶艺村位于富平县城以北乔山路 1 号，是国内首家以陶艺为主题，集生态观光、休闲度假、餐饮住宿、参观购物为 一体的陶文化交流中心。这 ⾥有丰富的陶土资源，来这里的 ⼈们可以率性 ⽽为地玩泥巴，尽可充分地发挥自己的想象 力，完全按照自己的意愿创作，然后将作品放到陶窑里烧制，这样就会使人们一瞬间思想闪动的灵光永远留驻。在这你不单可以向陶艺艺术的殿堂里迈进，也可以作为 ⼀种消遣尽情休闲娱乐，图片在右。</br>
<p style="text-indent:2em;">千尺幢位于陕西省渭南市，是一条峭壁上的大裂缝，陷在两旁的巨石之间，共370余级台阶，坡度极陡，每级台阶的宽度不 过三分之一的脚掌。 在千尺幢俯视脚下，如临深渊。石级顶端有如井口，倘若把 “井口”用铁盖盖住，通往华山的道路便被堵塞，所以称之为 “太华咽喉”，图片在右。</p>
<p style="text-indent:2em;">华山，古称“西岳”，雅称“太华山”，为五岳之一，位于陕西省渭南市华阴市，在省会西安以东120千米处。南接秦岭山脉，北瞰黄渭，自古以来就有“奇险天下第一山”的说法。 中华之“华”源于华山，由此，华山有了“华夏之根”之称。 华山是xx道教主流全真派圣地，为“第四洞天”，也是xx民间广泛崇奉的神祇，即西岳华山君神。共有72个半悬空洞， 道观20余座，其中玉泉院、都龙庙、东道院、镇岳宫被列为全国重点道教宫观，有陈抟、郝大通、贺元希等著名的道教高人。图片在右。</p>
</p>
<ul class="wqjs">
<li><img src="images/a1.jpg" width="180" height="120"/>
<p></p></li>
<li><img src="images/a2.jpeg" width="180"/>
<p></p></li>
<li><img src="images/a3.jpeg" width="180"/>
<p></p></li>
</ul>
<h3 class="c6"><span>相关视频</span></h3>
<video src="video/WeChat_20220422213123.mp4" controls="controls">
</div>
<div class="right">
<h3>景点图片</h3>
<img src="images/4444.jpg" width="300"/><br />
<img src="images/321.jpeg" width="300"/><br />
<img src="images/4444.jpeg" width="300" />
</div>
<div class="clear"></div>
</div>
<div class="end">
<p>版权所有 网址：www.xxxx.com</p>
</div>
</body>
</html>
更多干货🚀
1.如果我的博客对你有帮助、如果你喜欢我的博客内容，请 “👍点赞” “✍️评论” “💙收藏” 一键三连哦！
2.❤️【👇🏻👇🏻👇🏻关注我| 获取更多源码 | 优质文章】 带您学习各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、期末大作业模板 、等! 「在这里有好多 前端 开发者，一起探讨 前端 Node 知识，互相学习」！
3.以上内容技术相关问题😈欢迎一起交流学习👇🏻👇🏻👇🏻🔥
