超文本标记语言（html）之框架的应用

喝可乐的monkey

于 2023-03-19 17:51:13 发布

阅读量65

点赞数

文章标签： html 前端 java Powered by 金山文档

本文链接：https://blog.csdn.net/yysyyssmdsmd/article/details/129653616

版权

一、框架分割方式

1.左右分割方式

<frameset cols="value,value,value">
<frame src="url">
<frame src="url">
<frame src="url">
</frameset>

实例代码：

<html>
<head>
<title>左右分割窗口</title>
</head>
<frameset cols="25%,25%,25%,*">
<frame><frame><frame><frame>
</frameset>
</html>

注意： frameset使用时需要删除body标签

noresize="no" 不允许调整边框的移动

2.上下分割窗口

<frameset rows="value,value,value">
<frame src="url">
<frame src="url">
<frame src="url">
</frameset>

实例代码：

<html>
<head>
<title>上下分割窗口</title>
</head>
<frameset rows="10%,30%,60%,">
<frame><frame><frame>
</frameset>
</html>

3.嵌套分割窗口

<frameset rows="value,value,value">
<frame src="url">
<frameset cols="value,value,value">
<frame src="url">
<frame src="url">
</frameset>

实例代码：

<html>
<head>
<title>嵌套分割窗口</title>
</head>
<frameset cols="*,*">
<frameset rows="*,*">
<frame><frame>
</frameset>
<frameset rows="*,*">
<frame><frame>
</frameset>
</frameset>
</html>

4.滚动文字

实例代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文字滚动</title>
</head>
<body>
    <marquee>文字滚动</marquee>
</body>
</html>