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

一:框架集

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>

猜你喜欢

转载自blog.csdn.net/weixin_41167340/article/details/81325190
今日推荐