07网页前端HTML——框架集+动态标签

最新推荐文章于 2024-06-06 23:10:38 发布

lemon_wsm

最新推荐文章于 2024-06-06 23:10:38 发布

阅读量1.1k

点赞数

分类专栏：网页前端

本文链接：https://blog.csdn.net/weixin_41167340/article/details/81325190

版权

网页前端专栏收录该内容

21 篇文章 1 订阅

订阅专栏

一：框架集

HTML框架集文档可在Web浏览器窗口中显示多个独立的可滚动区域，这些区域称为框架。框架集中每个框架在web浏览器窗口中它自己那部分区域内显示一个NTML文档。

HTML<frameset>标签

属性	值	描述
cols		定义框架集中列的数目和尺寸
rows		定义框架集中行的数目和尺寸

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<!--框架集无需body-->
<!--
<frameset cols="20%,30%,50%">
    <frame src="a.html">
    <frame src="b.html">
    <frame src="c.html">
</frameset>

<frameset rows="20%,30%,50%">
    <frame src="a.html">
    <frame src="b.html">
    <frame src="c.html">
</frameset>
-->
<frameset cols="20%,80%">
     <frame src="a.html">
     <frameset cols="20%,80%">
        <frame src="b.html">
        <frame src="c.html">
     </frameset>
</frameset>
</html>

二：动态标记:

页面自动滚动的效果，可以实现多种滚动的效果，无需js控制，不仅可以移动文字，也可以移动图片和表格等。

<marquee>标签。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>滚动</title>
</head>

<body>
<!--属性方向-->
<marquee direction="up">滚动标签</marquee>
 <!--来回的交替滚动-->
<marquee behavior="alternate" direction="up">来回的交替滚动</marquee>
<!--滚动速度-->
<marquee behavior="alternate" direction="up" scrollamount="20">来回的交替滚动+速度</marquee>
<!--滚动的延迟以毫秒为单位-->
<marquee behavior="alternate" direction="up" scrollamount="20" scrolldelay="2000">来回的交替滚动+速度+延迟</marquee>
<!--滚动的次数：1只滚动一次，-1循环滚动-->
<marquee behavior="alternate" direction="up"  loop="1">滚动的次数</marquee>
<!---滚动的背景+ 宽度+高度-->
<marquee bgcolor="red" width="400" height="200">背景+宽+高</marquee>
<!--滚动图像-->
<marquee direction="left" scrollamount="10"><img src="../../qq.jpg"></marquee>
</body>
</html>