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>

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章