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

相关推荐
EndingCoder19 分钟前
类的继承和多态
linux·运维·前端·javascript·ubuntu·typescript
用户479492835691520 分钟前
React 终于出手了:彻底终结 useEffect 的"闭包陷阱"
前端·javascript·react.js
程序员猫哥26 分钟前
前端开发,一句话生成网站
前端
Younglina1 小时前
一个纯前端的网站集合管理工具
前端·vue.js·chrome
木头程序员1 小时前
前端(包含HTML/JavaScript/DOM/BOM/jQuery)基础-暴力复习篇
开发语言·前端·javascript·ecmascript·es6·jquery·html5
卖火箭的小男孩1 小时前
# Flutter Provider 状态管理完全指南
前端
小雨青年1 小时前
鸿蒙 HarmonyOS 6|ArkUI(01):从框架认知到项目骨架
前端
Null1551 小时前
浏览器唤起本地桌面应用(基础版)
前端·浏览器
pas1361 小时前
31-mini-vue 更新element的children
前端·javascript·vue.js
wordbaby1 小时前
TanStack Router 实战:如何构建经典的“左侧菜单 + 右侧内容”后台布局
前端·react.js