<iframe src="選擇一個頁面"></iframe>
一個雙標簽元素,它的主要作用是在瀏覽頁面上添加一個頁面
中間可以添加屬性來控制頁面的大小和其他功能,例如 width="頁面的寬度" height="頁面的高度" frameborder="0或1"這是控制邊框,scrolling="yes或no"這是是否顯示滾動條的意思,如果高和寬都為0,則在頁面上看不到了,但被隱藏的頁面依然在運行著
再說一個雙標簽元素, <frameset></frameset> 如果有它,就不要<body></body>了
<frameset cols="300,700">
cols是左右分的意思,也可以用屬性詞rows,它是代表上下分。如果左邊的數是300,左邊的是*,那右邊就是占剩下所有的像素,舉個例子
<frameset cols="300,*">
< frame src="網頁地址"/>
<frame src="網頁地址"/>
</frameset>
嵌入兩個網頁,左邊是300,右邊是*,就是除去300剩下占所有
再說一下制作滾動文字
在<body></body>內制作
<marquee>滾動文字</marquee>
在marquee后面也可以添加一些屬性,滾動屬性是direction,決定文字的滾動方向
在內容滾動文字那里也可以換成圖片< img src="圖片路徑"/>
舉個可以設定一行字出現效果的例子
<span><mark>蘋果</mark>很好吃</span>
蘋果這兩個字那里會有黃色背景色
<hr/>可以制作分割線,要幾條就在相應的行,寫幾個
也可以把視頻嵌入到網頁上,比如優酷,可以點擊分享,選擇復制通用代碼,粘貼到代碼頁就可以把視頻嵌入到網頁上了
下面說一下樣式表的基礎
1、內聯
在<body>的區域里寫
<div style="樣式">hello</div>
2、內嵌寫在頁面里面的
在<head>區域內寫這個雙標簽
<style type="text/css"></style>
3、外部樣式表是在網頁以外的樣式表
選擇css創建保存
在<head>區域內,單擊點css樣式表點附加表,會出來< link href="test.css" rel="stylesheet" type="text/css"/>
內聯樣式優點,控制精確
缺點,代碼重用性差,頁面代碼亂
內嵌樣式優點,代碼重用性好
缺點,控制不精確
外部樣式優點,代碼重用性最好
缺點,控制是最不精確的
一般用外部樣式表,瀏覽器會有緩存
內聯的樣式優先級最高,內嵌其次,最后外部和內嵌一樣
例<div style="color:#F00">hello</div>
這是內聯,樣式名:樣式值,多個樣式之間用分號隔開
內嵌 <style type="tee/css">
</style>
*{color:#60F}
*代表元素所有元素
#{color:#0F0}
#代表id選擇器
.cl{color:#630}
<div class="cl">文字</div>
用id舉個例子
用<div></div>控制內容
< div id="d1">準確控制</div>
id=""同一個頁面是不能重復的,里面取的代號不能使用中文打頭,可以用英文打頭
標簽選擇器
<span>這是span1</span>
<span>這是span2</span>
span{color:#cF6}
如果是div,就是div{color:#cF6}
樣式表的注釋語法是/**/
四中選擇器優先級區分
標簽選擇器要大于星號的
class選擇器要大于標簽選擇器
id選擇器要大于class選擇器
越精準優先級越高
復合選擇器并列
<div>測試一</div>
<span>測試二</span>
div,span{color:#60F}
,是并列的效果
<div id="d3">
<div>后代1</div>
<div>后代2</div>
</div>
#d3空格div{color:#60F}
空格代表子級
<ul="u1">
<li>列表1</li>
<li>列表2</li>
</ul>
#u1空格li{color:#F66}
div.cl{color:#F60}是從所有div里找到class=cl的,僅代表class,如果找id是不可以的
![]() |
不含病毒。www.avast.com |