将大网页分成若干个小页面编码

最新推荐文章于 2024-08-26 22:59:32 发布

雷子丸丸

最新推荐文章于 2024-08-26 22:59:32 发布

阅读量371

点赞数

文章标签： html

本文链接：https://blog.csdn.net/lzww9900/article/details/110139439

版权

一序言

本文是如何将若干个网页合在一起，从而形成一个具有基础功能的网页

二主体

大体可以分为两大块：一是将所有网页合在一起的主体网页，也就是“躯干”。二是各部分的分网页，也就是“四肢”。

我会先展示“躯干”和“四肢”的编码，然年以图片的形式展示生成的网页。

“躯干”：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<frameset rows="20%,80%">     <!--将页面分成两部分并表明各自所占的比例-->
		<frame src="top.html" />
		<frameset cols="20%,*">   <!--表明在此处再分两部分-->
			<frame src="left.html" />
			<frame src="right.html" name="right" />  <!--用name来给此页面命名，便于后续引用-->
		</frameset>
	</frameset>
	
</html>

“frameset”框架集，表明页面的框架结构

“rows”行，表明页面在行，也就是在y轴是怎样分布的

“rows”后面的“20%，80%”表明将y轴分成两部分和部分所占面积分别为20%、80%

“四肢”：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			body{
				background-color: green;
			}
		</style>
	</head>
	<body>
		<h3>左边</h3>
		<a href="Http://www.baidu.com" target="right">百度</a>
	</body>
</html>

"target"目标，表明网页生成的地方，而所指向的“right”在上面也有命名

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			body {
				  background-color: grey;
			}
		</style>
	</head>
	<body>
		<h3>右边</h3>
	</body>
</html>

那么下面是生成的网页：

三总述

本章主要是讨论如何将一个完整页面的页面分成几个小组分，这样会起到一个后期便于维修的作用

雷子丸丸

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
将大网页分成若干个小页面编码

一序言本文是如何将若干个网页合在一起，从而形成一个具有基础功能的网页二主体大体可以分为两大块：一是将所有网页合在一起的主体网页，也就是“躯干”。二是各部分的分网页，也就是“四肢”。我会先展示“躯干”和“四肢”的编码，然年以图片的形式展示生成的网页。 “躯干”：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>&...
复制链接

扫一扫