HTML静态网页成品作业(HTML+CSS)——家乡泉州介绍网页(3个页面)(表格布局)

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

文章目录


一、作品介绍

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

二、作品演示



三、代码目录

四、网站代码

HTML部分代码

c 复制代码
<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="./css/style.css">
</head>
<body>
	<table border="0" width="1080" style="margin: 0 auto;background-color: #fff;padding: 0 10px;" >
		<tr>
			<td align="center" style="padding: 5px 0;">
				<img src="./images/logo.png" height="120" alt="">
			</td>
		</tr>
		<tr>
			<td>
				<table border="0" width="100%" bgcolor="#000">
					<tr align="center">
						<td width="360"><a class="nav_link" href="./index.html">首页</a></td>
						<td width="360"><a class="nav_link" href="./fengjing.html">风景</a></td>
						<td width="360"><a class="nav_link" href="./liuyan.html">留言板</a></td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td>
				<table>
					<tr>
						<td width="280" bgcolor="#ddd">
							<table width="100%">
								<tr align="center"><td><a class="nav_link2" href="./index.html">泉州首页</a></td></tr>
								<tr align="center"><td><a class="nav_link2" href="./fengjing.html">泉州风景</a></td></tr>
								<tr align="center"><td><a class="nav_link2" href="./liuyan.html">留言板</a></td></tr>
							</table>
						</td>
						<td width="800" style="padding: 10px;">
							<table width="100%">
								<tr align="center"><td><h2>泉州简介</h2></td></tr>
								<tr>
									<td>
										<p>泉州市,简称"泉"或"鲤",别称鲤城、温陵、刺桐城、光明之城,福建省辖地级市,Ⅱ型大城市 ,是福建省人民政府批复确定的海峡西岸经济区中心城市之一、现代化工贸港口城市。泉州地处中国华东地区,东经117°25′---119°05′,北纬24°30′---25°56′,北承福州、莆田,南接厦门,东望台湾岛,属亚热带海洋性季风气候,气候条件优越。截至2020年,全市共辖4个市辖区、3个县级市、5个县,总面积11015平方千米。根据第七次人口普查数据,泉州市常住人口为878.23万人。</p>
										<p>泉州历史悠久,经济开发早在周秦时期就已开始。三国吴永安三年(260年),在今南安市丰州镇置东安县治。西晋末年,中原战乱,士族大批入泉。南朝梁天监间(502-519年)置南安郡作郡治,为本地设置县、郡治之始。宋元时期,泉州一度成为世界第一大港。泉州是联合国唯一认定的海上丝绸之路起点,列入国家"一带一路"倡议的21世纪海上丝绸之路先行区。 是首批国家历史文化名城、 首届东亚文化之都、是世界遗产城市、国家级文化生态保护区 、全国文明城市 、国家卫生城市。 </p>
										<p>
											泉州市以闽南话为主要方言,并存莆仙话、客家话等多种方言。泉州是侨乡。祖籍泉州的华侨、华人750多万,港澳同胞76万,分布在世界各地129个国家和地区。归侨、侨眷250多万。在台湾,有44.8%的汉族(约900万)祖籍泉州。
										</p>
										<img src="./images/jianjie.png" width="100%" alt="">
									</td>
								</tr>
							</table>
						</td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td width="100%">
				<table bgcolor="#000" width="100%">
					<tr>
						<td height="50" align="center" style="font-size: 14px;color: #fff;">
							Copyright © 2023福建泉州 版权所有 <br>
							联系地址:福建泉州
						</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
</body>
</html>

五、源码获取

🥇 ~ 关注我,点赞博文~ 每天带你涨知识!

🎁1.看到这里了就[点赞+好评+收藏]三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。

💙2.想要获取本文源码,点击前往吧

相关推荐
夏花里的尘埃1 小时前
vue3实现echarts——小demo
前端·vue.js·echarts
努力学习的木子2 小时前
uniapp如何隐藏默认的页面头部导航栏,uniapp开发小程序如何隐藏默认的页面头部导航栏
前端·小程序·uni-app
java小郭5 小时前
html的浮动作用详解
前端·html
水星记_5 小时前
echarts-wordcloud:打造个性化词云库
前端·vue
强迫老板HelloWord5 小时前
前端JS特效第22波:jQuery滑动手风琴内容切换特效
前端·javascript·jquery
续亮~6 小时前
9、程序化创意
前端·javascript·人工智能
RainbowFish7 小时前
「Vue学习之路」—— vue的常用指令
前端·vue.js
Wang's Blog7 小时前
Webpack: 三种Chunk产物的打包逻辑
前端·webpack·node.js
pan_junbiao7 小时前
HTML5使用<blockquote>标签:段落缩进
前端·html·html5
38kcok9w2vHanx_7 小时前
从0开始搭建vue项目
前端·javascript·vue.js