HTML frame導航框架

2021-09-25 07:58:03 字數 2159 閱讀 7696

在w3school學習的過程中,由於完整**檢視複雜,故在此做以下記錄。

導航視窗可以實現在同一瀏覽器頁面,瀏覽不同的頁面。乙個頁面的超連結一般跳轉到乙個新的瀏覽器視窗,而導航框架可以通過超連結在同一視窗顯示不同的頁面。

總共需要5個html頁面,分別命名為index.html,menu.html,frame_a.html、frame_b.html、frame_c.html。

1.首先是index.html的**

html frameset和frame<

/title>

<

/head>

"30%,70%"

>

//或者

"menu.html"

/>

"rightframe" src=

"frame_a.html" noresize=

"noresize"

/>

//預設顯示frame a的樣式

<

/frameset>

<

/html>

2.接下來是menu.html的內容
menu<

/title>

<

/head>

"frame_a.html" target=

"rightframe"

>frame_a<

/a>

>

"frame_b.html" target=

"rightframe"

>frame_b<

/a>

>

"frame_c.html" target=

"rightframe"

>frame_c<

/a>

>

<

/body>

<

/html>

3.接下來是frame_a.html的**
frame_a

4.效果圖如下

> 首頁<

/a>

只要href指定的路徑正確,home.html確實存在,那麼當使用者單擊「首頁」的時候就可以返回到 home.html頁。

"" target=

"_parent"

>在父框架中開啟qq<

/a>

單擊」在父框架中開啟qq「,這個時候,你會發現,整個網頁直接轉向了qq首頁。

target="_top"也是類似的,因為frame內部還可以嵌入frameset,因此,會出現多次巢狀的情況,當指定了target="_top"之後,就會在最頂層的框架中,直接開啟網頁。

使用框架導航跳轉至指定的節

"180,*"

>

"content.html"

>

"link.html" name=

"showframe"

>

<

/frameset>

<

/noframes>

"link.html" target=

"showframe"

>沒有錨的鏈結<

/a>

"link.html#c10" target=

"showframe"

>帶有錨的鏈結<

/a>

部分**

<

/h1>

this chapter explains ba bla bla<

/p>

"c10"

>chapter 10

<

/a>

<

/h1>

this chapter explains ba bla bla<

/p>

html導航框架

框架可以實現在同一瀏覽器視窗,瀏覽不同的頁面。乙個頁面的超連結一般跳轉到乙個新的瀏覽器視窗,而導航框架可以通過超連結在同一視窗顯示不同的頁面。接下來展示一下導航鏈結的實現。新建三個html檔案,分別命名為frame a.html frame b.html frame c.html裡面內容隨便寫如 f...

框架中的導航框架 position定位

框架中,通過鏈結將乙個頁面顯示在另乙個框架中 總框架 顯示鏈結所指的頁面在框架中 即導航框架 name fff 其將中乙個框架命名為fff 內所嵌入的鏈結所指向的頁面顯示到名字是fff的框架中 target fff 接下來正常編寫導航框架嵌入鏈結所指頁面即可 position定位 absolute ...

HTML中導航框架問題

問 為什麼1.為什麼寫的是120呢?我看教程是按100平分乙個網頁的,比如50 50 或20 80 120不是超過了嗎?我知道了是萬用字元。2name showframe是什麼意思?3為什麼只有,不應該寫和嗎答 1.這個一般主要是用在後台管理頁面的,那個數值是定義右側的寬度,佔120列的寬度。也就是...