【html+css】寻味苏州一页 学生网页成品模板

【html+css】寻味苏州一页

一张页面 主要分为 logo部分、大图、苏州介绍、风景推荐、美食、底部版权

网页比较简单，适合初学者。div+css.

用到的是flex弹性布局

dw、hbuilder、vscode、sublime等编辑软件都可打开运行修改图片文字代码

所有内容都可以修改

截图展示

</div> <div class=“banner“> < img src=”img/banner.jpg” alt=””> </div> <div class=“title“> <h3>苏州</h3> </div> <div class=“text“> <P>苏州，简称“苏”，古称姑苏、平江，是江苏省辖地级市，国务院批复确定的长江三角洲重要的中心城市之一、国家高新技术产业基地和风景旅游城市。苏州地处中国华东地区、江苏省东南部、长三角中部，地处东经119°55′—121°20′，北纬30°47′—32°02′之间，是扬子江城市群重要组成部分，东傍上海，南接浙江，西抱太湖，北依长江。全市地势低平，平原占总面积的54.8%，海拔4米左右，丘陵占总面积的2.7%。苏州属亚热带季风海洋性气候，四季分明，雨量充沛，种植水稻、小麦、油菜，出产棉花、蚕桑、林果，特产有碧螺春茶叶、长江刀鱼、太湖银鱼、阳澄湖大闸蟹等。苏州是首批国家历史文化名城之一，有近2500年历史，是吴文化的重要发祥地之一，有“人间天堂”的美誉。中国私家园林的代表——苏州古典园林和中国大运河苏州段被联合国教科文组织列为世界文化遗产。</P> </div> <div class=“title“> <h3>风景推荐</h3> </div> <div class=“ren“> <ul> <li> < img src=”img/jd1.jpeg” alt=””> <p>狮子林</p > </li> <li> < img src=”img/jd2.jpeg” alt=””> <p>锦溪古镇</p > </li> <li> < img src=”img/jd3.jpeg” alt=””> <p>七里山塘</p > </li> </ul> </div> <div class=“title“> <h3>美食</h3> </div> <div class=“img“> < img src=”img/ms1.jpeg” alt=””> < img src=”img/ms2.jpeg” alt=””> < img src=”img/ms3.jpeg” alt=””> < img src=”img/ms4.jpeg” alt=””> </div> <div class=“footer“> <p>Copyright 寻味苏州</p > </div> </body></html>

来源：多多鱼网页模板