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

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

文章目录

一、作品介绍
二、作品演示
三、代码目录
四、网站代码
- HTML部分代码
五、源码获取

一、作品介绍

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

二、作品演示

在这里插入图片描述

三、代码目录

在这里插入图片描述

四、网站代码

HTML部分代码

<!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.想要获取本文源码，点击前往吧

相关阅读:
OpenGV
Java有根儿：Class文件以及类加载器
【云计算】云数据中心网络（六）：私网连接
DSPE-PEG-Thiol DSPE-PEG-SH 磷脂-聚乙二醇-巯基脂质体制备用
LeetCode--代码详解 146.LRU缓存
Unable to access jarfile shop-0.0.3-SNAPSHOT.jar
改变开发的未来 | 探索无服务器与人工智能的协同效应
IDEA 不推荐使用 @Autowired 注解的原因
电脑windows，ubuntu系统vnc-viewer和服务器ubuntu的连接，以及灰屏现象处理
Kotlin初级【基本语法、数据类型、循环】

原文地址：https://blog.csdn.net/weixin_42283461/article/details/139847704