您現在的位置是:電腦技術吧?>? 基礎知識 ??>??框架的HTML標簽是,框架的HTML標簽是什么??>??正文詳情

框架的HTML標簽是,框架的HTML標簽是什么

度憶雪2019-11-15 21:40:43 人圍觀
簡介內聯框架的html標簽是【框架基本概念】首先,讓我們來看看右邊的圖片。我用這張照片來解釋。這樣,可能會更清楚,好嗎!我們可以看到右邊的窗口被分成三個框架:1、2和3。每個幀

【框架的基本概念】  首先,各位先看看右手邊這張圖,我將利用這張圖來作解說,這樣子,講起來可能會清楚一點。

OK!我們可以看見,右邊的這個視窗,一共分為 1 、 2 、 3 三個框架,每一個框架,各有其顯示的內容分別是a.htm、b.htm、c.htm三個檔案。

然而左下角的那個 index.htm 是做什么用的呢?

  原來,左下角的這個檔案 index.htm,就是要告訴電腦,我們要將畫面分割成這樣,也就是說,所有Frame的標簽,其實都只擺在 index.htm 這個檔案里。

(當然,不是檔名一定要叫做 index.htm 取其他檔名也是可以的。

)  這樣明白了嗎?

總之,您要分割幾個框框,就一定會有幾個對應的html檔案(假如您要分割100個框框,就要有100個html檔就對了。

),另外,還會多一個檔案是來告訴電腦要如何分割的。

(也就是例中的 index.htm 檔啦!)  【開始分割】  別急、別急,分割視窗可是一門學問,要分割也是要一步一步來的。

看看剛剛那例子,想像畫面是一個蛋糕,你要怎么割,才能割成那樣呢?

  各位會發現,奇怪,在上面的語法中,怎么都沒見到BODY/BODY熟悉的身影?

呵呵...沒錯,它已經被待會兒要加進去的FRAMESET/FRAMESET標簽給取代了!也就是說,如果我們要分割畫面,就要先用FRAMESET標簽告訴電腦說:喂!我要開始分割了!此時,BODY是派不上用場的,所以躲到一旁涼快去了!現在開始動手割割看?!我們先將畫面分成左右兩邊(左邊就是框窗 1 了,右邊就暫定為 2 等一下還要分割呢!),如下圖:

  在FRAMESET中,我們要告訴電腦到底是要左右分(COLS)?

還是上下分(ROWS)。

一開始我們是左右分,所以我們寫成FRAMESET COLS=120,* 。

COLS=120,* 就是說,左邊那一欄強制定為 120點,右邊則隨視窗大小而變。

除了直接寫點數外,我們亦可用百分比來表示,例如COLS=20%,80%也是可以的。

  然后,再將右邊的框窗再割成上下兩個畫面(也就是框窗 2 和 3 了)。

如下圖:

看見了沒?

原本的FRAME SRC=b.htm NAME=2(在第 3 點的語法中)被另一組FRAMESET ROWS=100,* 所取代了!所以要注意喔!第二組FRAMESET ROWS=100,* 是被第一組FRAMESET COLS=120,* 所包圍起來的喔!(亂七八糟了對不對?

)  呵呵...不知不覺就大功告成了,其實只要將最后完成的那些語法存成 index.htm,然后再準備三個檔 a.htm 、b.htm 、c.htm那么就完工?!當然,這是一個最陽春的分割法,我會再將一些進階的標簽在底下一一說明。

  【其他標簽參數說明】  FRAMESET COLS=120,* frameborder=0 framespacing=5  COLS=120,*  就是垂直切割畫面啦!你可以一次切成左右兩個畫面,當然也可以切成三個,很簡單只要寫成 COLS=30,*,50 (數字隨便您自己調整啦!),依此類推,四個以上當然就是四組數字啦!  ROWS=120,*  就是橫向切割畫面,也就是將畫面上下分開,切法同上。

  frameborder=0  設定框架的邊框,其值只有 0 和 1 , 0 就是不要邊框, 1 就是要顯示邊框。

邊框是無法調整粗細的。

  framespacing=5  表示框架與框架間的保留空白的距離,以免看起來太擠。

  FRAME SRC=a.htm NAME=1 frameborder=0 scrolling=no noresize marginhight=2 marginwidth=2  SRC=a.htm  設定此框架中要顯示的網頁名稱,每個框架一定要對應一個網頁,否則就會產生錯誤,這里就是要您填入對應網頁的名稱。

(如果該網頁在不同目錄,記得路徑要寫清楚)  NAME=1  設定這個框架的名稱,這樣才能指定框架來作連結,所以一定要設定喔!當然名稱隨你高興取名。

  frameborder=0  設定框架的邊框,其值只有 0 和 1 , 0 就是不要邊框, 1 就是要顯示邊框。

邊框是無法調整粗細的。

  scrolling=no  設定是否要顯示卷軸,YES是要顯示卷軸,NO是無論如何都不要顯示,AUTO是視情況顯示。

  noresize  設定不讓使用者可以改變這個框框的大小,如果沒有設定這個參數,使用者可以很容易的拉動框架,改變其大小。

  marginhight=2  表示框架高度部份邊緣所保留的空間。

  marginwidth=2  表示框架寬度部份邊緣所保留的空間。

  【相關用法】  ◆ noframe  使用方法:noframe請換有支援Frame功能的瀏覽器/noframe  標簽解說:有些瀏覽器較為老舊,無法顯示Frame的功能,因此,就要使用此標簽,讓這些網友知道,該換換瀏覽器了。

或者,你也可以在這標簽中,擺上沒有Frame語法的網頁標簽,那么,沒有支援Frame功能的瀏覽器,便會自動顯示沒有Frame語法的網頁。

  ◆ target=框窗名稱  使用方法:A HREF=d1-1.htm target=3顯示內容/A  標簽解說:常常有一個情況是,我想在框窗 1 的地方按下連結,但是希望他的內容出現在框窗 3 中(請參照上面那個圖),那應該如何寫呢?

就像上面加個 target=框窗名稱 就行啦!  ◆ target=_top  使用方法:A HREF=http://www.kimo.com target=_top奇摩站/A  標簽解說:有時候,在框窗里會連結到別的站,卻發現,新連結的這個站,竟然被框窗包住了,不但難看,而且可能會吃上官司說!所以,這時候你必需加入 target=_top這個參數,那么,這個新連到的網站,就會重新占據整個熒幕啦!

版權聲明:本文由 度憶雪 整理編輯。

原標題:html5框架標簽,HTML框架

轉載注明出處:http://www.dn9ww09s.icu/basics/12623.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 家長幫App,家長app

    家長幫App,家長app 相關圖片家長幫app下載近年來,孩子們頻繁、大規模地使用父母的手機進行游戲和直播消費的現象越來越普遍。蘋果也因為這種情況引入了家長控制功能。其中之一就是利用iPhone的家長控制功能...

  • T卡,T?1

    T卡,T?1 相關圖片6T對于加拿大,他們將于10月29日在美國發布一加6T手機。作為今年小龍845陣營的又一旗艦,其關注度不低。你最希望升級哪一個?現在有國外的電子商務平臺T 0...

  • 進階之路,進階之路什么意思

    進階之路,進階之路什么意思 相關圖片強者之路進階材料今天的面試設計師@LBE小生,畢業于江南大學,是最早的移動交互設計師之一。畢業后,他從互動設計師升為百度高級設計師、愛奇藝高級設計經理,現為LBE安全大師產...

  • Windows資源管理器停止工作,win7資源管理器老是停止工作

    Windows資源管理器停止工作,win7資源管理器老是停止工作 相關圖片win7右鍵資源管理器停止工作Windows資源管理器已停止工作,這是許多計算機用戶經常遇到的計算機問題之一。當他們遇到這個問題時,一些用戶不知道如何根據微軟官方的答案,windows資...

  • 怎么收集信息,信息收集

    怎么收集信息,信息收集 相關圖片搜集信息的渠道有哪些今天,雖然這篇文章是一篇老文章,但它的實用價值仍然很高。尤其是那些沒有良好組織習慣的學生,這篇文章一定會讓你大開眼界!作者是阿里巴巴的高級交互...

  • 現在蘋果6s換電池多少錢,蘋果保修期換電池多少錢

    現在蘋果6s換電池多少錢,蘋果保修期換電池多少錢 相關圖片蘋果電池壽命80%要換嗎很多人在手機上選擇蘋果,蘋果系統封閉穩定,性能也不錯。很多用戶可以從一個蘋果開始很長一段時間,通常手機還在使用,但電池不夠用。而且一直有一種說...

  • win鍵按了沒反應,win10按win鍵沒反應

    win鍵按了沒反應,win10按win鍵沒反應 相關圖片win鍵一直按著計算機鍵盤上的Win鍵是一種強大的輔助密鑰,它可以在與其他情況結合后進行調整。然而,當一些用戶按下win鍵時,他們沒有響應。我該怎么辦?一。鍵盤本身可能需要拆...

  • 圖庫攝影師,中國圖庫攝影師

    圖庫攝影師,中國圖庫攝影師 相關圖片中國圖庫簽約攝影師今天,一個新的安利畫廊網站被挑出來,因為它的所有照片都是由專業攝影師拍攝的。圖片的質量比一般的畫廊網站要高得多。這些圖片可以免費下載、使用和修改...

  • 手機刷機是什么概念,手機系統卡刷是什么意思

    手機刷機是什么概念,手機系統卡刷是什么意思 相關圖片手機刷機需要提供什么對于喜歡手機的用戶來說,手機刷的概念是非常熟悉的,但是對于一些新朋友來說,刷的概念還是有點奇怪刷是一種改變手機操作系統的行為,相當于安裝了不同...

  • 元素element,myelement元素

    元素element,myelement元素 相關圖片element是啥我很久沒有更新教程了。我最近很忙。今天,我想和大家分享一下如何使用pixate來產生使用單一元素來擴展轉換的效果效果。效果如下:實際上,這個效果在pixate中element是哪里...

熱評文章

  • win10最流暢的版本,win10哪個版本打游戲好

    win10最流暢的版本,win10哪個版本打游戲好 相關圖片win10企業g版好用嗎win10有四個版本,包括家庭版、專業版、企業版和教育版。有些用戶不知道在專業版和企業版之間選擇哪一個。讓我們看看win10企業版和專業版企業版的區別vs企業版與...

  • 接口文檔怎么用,什么是接口文檔

    接口文檔怎么用,什么是接口文檔 相關圖片接口文檔示例問題:在使用活動輔助功能SDK的過程中,我從窗口的句柄獲取ihtmldocument2指針。有沒有辦法從ihtmldocument2指針獲取iwebbrowse開發接口文檔...

  • icloud鑰匙串打開不了,打開icloud鑰匙串

    icloud鑰匙串打開不了,打開icloud鑰匙串 相關圖片icloud鑰匙串要不要開啟現在你需要一個密碼才能登錄到每個平臺,以確保你的賬戶安全,但是密碼很簡單,賬戶不安全,密碼復雜且難以記住,所以icloud密鑰鏈可以使用什么是icloud密鑰...

  • 上下文菜單,pyqt5上下文菜單

    上下文菜單,pyqt5上下文菜單 相關圖片mac上下文菜單提問:第六期網絡雜志《風投知識庫》上有一篇文章。在VC6中,CHTMLVIEW用于在對話框控件中顯示HTML文件。許多讀者寫道他們非常喜歡這個功能。但它的優點是顯示候選項上...

  • steam錯誤代碼-100解決,steam錯誤代碼-21解決

    steam錯誤代碼-100解決,steam錯誤代碼-21解決 相關圖片steam錯誤代碼137很多人通過steam游戲平臺購買和下載國外游戲,但一些用戶在連接steam時出現錯誤代碼103。如何解決steam的103錯誤碼?一。打開蒸汽設定界面,選擇steam老是錯誤代碼,怎么回...

  • 設計師用APP,設計師經常看的app

    設計師用APP,設計師經常看的app 相關圖片設計師交流的app工欲善其事,必先利其器。今天,我們將為我們的設計師提供24款精選軟件。我們推薦來自大公司、捷步達康、ustwo、okfocus等團隊的頂尖設計師,看看他們通常使設計師必...

  • 努比亞X,努比亞X2

    努比亞X,努比亞X2 相關圖片努比亞root努比亞新旗艦車型努比亞x于10月31日正式上市。與其他全屏幕旗艦機型相比,努比亞X采用了不同的方案,即目前手機市場上有很多全面的屏幕實現方案,從劉海屏幕到升降式努...

  • Touch是什么意思,Touch

    Touch是什么意思,Touch 相關圖片蘋果touch是什么意思Force touch是3D touch的前身,是蘋果的一種觸摸傳感技術。它用于蘋果手表、新款MacBook和新款MacBook Pro。用戶使用武力touch是什么手機...

  • 智能多焦點老花眼鏡,智能

    智能多焦點老花眼鏡,智能 相關圖片今日網絡熱點作為一個新興產業,智能電視行業的用戶體驗知識匱乏。今天,請您與@Bu carrot 1992分享一些電視用戶體驗的實用設計經驗和基礎知識,他負責智能電視應用程序文件分享...

  • steam錯誤代碼-100解決,steam錯誤代碼-21解決

    steam錯誤代碼-100解決,steam錯誤代碼-21解決 相關圖片steam錯誤代碼137當你玩一些國外的游戲時,你通常需要使用游戲平臺steam。雖然國內使用不是很強大,但游戲資源相當豐富。可能是因為steam的服務器在國外,所以當用戶使用steasteam老是...

關注微信

变脸官网查询