HTML静态网页成品作业(HTML+CSS)——家乡岳阳华容介绍(1个页面)

🎉不定期分享源码,关注不丢失哦


一、作品介绍

🏷️本套采用HTML+CSS,未使用Javacsript代码,共有1个页面

二、作品演示

在这里插入图片描述

三、代码目录

在这里插入图片描述

四、网站代码

HTML部分代码


<div class="wrapper" id="wrapper">
		
		<div class="wrapper_width">
			<div class="top">
				<div class="logo">
					<img src="./img/logo.png" alt="">
				</div>
				<div class="top_right">
					<a href="#wrapper" class="on">华容首页</a>
					<a href="#gaikuang">华容概况</a>
					<a href="#meishi">华容美食</a>
					<a href="#jingdian">华容景点</a>
				</div>
			</div>
			
			<div class="middle">
				<div class="middle_img">
					<img src="./img/img.jpg" alt="">
				</div>
				
				<div id="gaikuang" class="gaikuang mt20">
					<div class="gaikuang_left">
						<h3>华容概况</h3>
						<p>说起华容,人们自然会想起唐代诗人李白“云想衣裳花想容,春风拂槛露华浓”的诗句,想起四十五里桃花山,想起“关公义释华容道”。华古通“花”,顾名思义,一听就知道这是一个美丽动人、秀色可餐的地方。
						</p>
						<p>
							华容地处湘北鄂南边界,万里长江流经东北,八百里洞庭绕于东南,可谓襟江带湖,得“水”独厚。省道306线、202线、203线贯穿全境,穿境而过的岳常高速即将兴建,是湘北、鄂南通往桃花源、张家界、南长城和三峡等著名旅游地带的唯一公路交通新干线。县城距京广铁路、京珠高速公路和城陵矶外贸码头仅60余公里。
						</p>
					</div>
					<div class="gaikuang_right">
						<img src="./img/img1.jpg" alt="">
						<img src="./img/img5.jpg" alt="">
						<img src="./img/img6.jpg" alt="">
						<img src="./img/img7.jpg" alt="">
					</div>
				</div>

五、源码获取

🥇 ~ 关注我,点赞博文~ 每天带你涨知识!
🎁1.看到这里了就[点赞+好评+收藏]三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。
💙2.想要获取本文源码,点击前往吧

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-18 11:52:03       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-18 11:52:03       106 阅读
  3. 在Django里面运行非项目文件

    2024-03-18 11:52:03       87 阅读
  4. Python语言-面向对象

    2024-03-18 11:52:03       96 阅读

热门阅读

  1. 项目四 完成学生信息的持久化存储

    2024-03-18 11:52:03       45 阅读
  2. vue框架渲染原理

    2024-03-18 11:52:03       40 阅读
  3. spring——BeanFactory与ApplicationContext接口、bean标签

    2024-03-18 11:52:03       43 阅读
  4. 前端小白的学习之路(事件流)

    2024-03-18 11:52:03       35 阅读
  5. 2024/03/16----面试中遇到的一些面试题

    2024-03-18 11:52:03       41 阅读
  6. 【Python】Flask上下文管理

    2024-03-18 11:52:03       44 阅读
  7. sparksql的SQL风格编程

    2024-03-18 11:52:03       44 阅读
  8. ES6:可迭代对象(Iterable object)

    2024-03-18 11:52:03       43 阅读
  9. SQL server 构建索引的demo

    2024-03-18 11:52:03       40 阅读
  10. ES6 数组常用方法

    2024-03-18 11:52:03       43 阅读
  11. 【Vue2源码】响应式原理

    2024-03-18 11:52:03       41 阅读
  12. HBase常用命令

    2024-03-18 11:52:03       36 阅读