HTML學(xué)習(xí) -- (二)html框架的使用

普通框架

  • 概念
    框架技術(shù):將一個(gè)瀏覽器窗口劃分成若干個(gè)小窗口,每個(gè)小窗口顯示一個(gè)獨(dú)立的網(wǎng)頁。

  • 框架集和框架頁
    框架集<frameset>:主要用來劃分窗口的。
    框架頁<frame>:主要用來指定窗口默認(rèn)顯示的網(wǎng)頁地址。

框架與窗戶很像。
一個(gè)窗戶由窗格(框架集)和玻璃(框架頁)構(gòu)成。
先規(guī)劃窗格,然后再確定每個(gè)窗格中放的玻璃。(先有結(jié)構(gòu),后有內(nèi)容)

框架網(wǎng)頁的DTD必須是:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
Snip20160410_2.png
  • <frameset>屬性
cols:劃分左右型框架。
cols = “200,*”  //左框架的寬度為200px,剩下的都是右框架的
cols = “180,*,180”  //左框架和右框架的寬分別為180px,剩下都是中間框架
cols = “20%,*”  //劃分框架時(shí),可以用百分比來表示
rows:劃分上下型框架
rows = “200,*”  //上框架的高度為200px,剩下都是下框架的
rows = “180,*,180”  //上框架和下框架高分別為180px,剩下都是中間框架
注意:cols屬性和rows屬性,每個(gè)框架只能用其中一個(gè),不能兩個(gè)同時(shí)用。
frameborder:是否顯示框架的邊框線,取值:1或0,yes或no。
border:邊框線的粗細(xì)。
bordercolor:邊框顏色。
  • <frame>框架頁的屬性
src:該小窗口中,默認(rèn)顯示的網(wǎng)頁地址。
noresize:不能調(diào)整小窗口的大小。如:noresize = “noresize”
scrolling:是否顯示滾動(dòng)條,取值:auto、yes、no
name:給當(dāng)前小窗口起個(gè)名字。這個(gè)name就是給<a>標(biāo)記target屬性來用的。
Paste_Image.png
  • <noframes>含義
    描述:當(dāng)你的瀏覽器不支持框架時(shí),顯示的提示信息。一般情況下,IE6不支持框架,高版本都支持。
    語法:<noframes>對(duì)不起,你的電腦太老了,該換新的了!</noframes>

  • 框架嵌套


    Snip20160410_4.png
  • 注意事項(xiàng)
    <frameset>框架,可以稱為“普通框架”。
    在“普通框架”中,框架的制作分兩個(gè)部分:(1)框架結(jié)構(gòu)的規(guī)劃 (2)制作具體的頁面
    在“普通框架”的結(jié)構(gòu)劃分中,不能出現(xiàn)<body>標(biāo)記,因?yàn)闆]有實(shí)際的內(nèi)容。

內(nèi)嵌框架(行內(nèi)框架,浮動(dòng)框架)

  • 描述:內(nèi)嵌框架,是在現(xiàn)有的網(wǎng)頁中顯示里面內(nèi)容,與普通框架的區(qū)別:<iframe>是<body>的子標(biāo)記,因此,它應(yīng)該放在<body>里面。
  • 語法格式:<iframe 屬性 = “值”>對(duì)不起,你的瀏覽器版本太低!</iframe>
  • 常用屬性
src:引入的文件地址。
width:框架的寬度
height:框架的高度
frameborder:是否顯示框架的邊框線,取值:yes或no。
scrolling:是否顯示滾動(dòng)條,取值:auto、yes、no
name:指定當(dāng)前小窗口的名稱,該名稱也是給<a>標(biāo)記的target屬性來用。
align:框架在網(wǎng)頁中的對(duì)齊方式,取值:left、center、right
  • 其中取值left或right可以實(shí)現(xiàn)圖文混排的效果,與<img>的對(duì)齊方式一樣。
  • 注意src引入的文件只能是html文件或php文件,不能是其它文件。
Snip20160410_6.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 0.B/S結(jié)構(gòu) 瀏覽器服務(wù)器模式,web瀏覽器是客戶端最主要的應(yīng)用軟件.將客戶端使用web進(jìn)行統(tǒng)一,系統(tǒng)功能實(shí)現(xiàn)集...
    liusong007閱讀 1,081評(píng)論 0 1
  • 學(xué)習(xí)HTML的最佳網(wǎng)站沒有之一http://www.w3school.com.cn/html/ 關(guān)于HTML/HT...
    Amyyy_閱讀 2,116評(píng)論 0 16
  • 1、開發(fā)網(wǎng)站的流程 與客戶溝通,包括:風(fēng)格的、功能(論壇、留言板、支付、用戶登入等) 與美工溝通,制作網(wǎng)頁效果圖(...
    鉤不了沉閱讀 756評(píng)論 0 0
  • 阿樹放不下手機(jī)。 可是其實(shí)她特別特別地想立刻馬上當(dāng)機(jī)立斷地把其實(shí)并不是那么好玩的手機(jī)游戲關(guān)掉,然后彈起來擼擼袖子去...
    樂睡momo閱讀 262評(píng)論 0 0
  • 故格物者,格其身之物,格其意之物,格其心之物。正心者,正其物之心也,誠意者,誠其物之意也,致知者,致其物之知也,無...
    虛谷1閱讀 1,055評(píng)論 0 0