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 小时前
Shell脚本-for循环应用案例
前端·chrome
百万蹄蹄向前冲3 小时前
Trae分析Phaser.js游戏《洋葱头捡星星》
前端·游戏开发·trae
朝阳5814 小时前
在浏览器端使用 xml2js 遇到的报错及解决方法
前端
GIS之路4 小时前
GeoTools 读取影像元数据
前端
ssshooter5 小时前
VSCode 自带的 TS 版本可能跟项目TS 版本不一样
前端·面试·typescript
Jerry5 小时前
Jetpack Compose 中的状态
前端
dae bal6 小时前
关于RSA和AES加密
前端·vue.js
柳杉6 小时前
使用three.js搭建3d隧道监测-2
前端·javascript·数据可视化
lynn8570_blog6 小时前
低端设备加载webp ANR
前端·算法
LKAI.7 小时前
传统方式部署(RuoYi-Cloud)微服务
java·linux·前端·后端·微服务·node.js·ruoyi