HTML 導航框架 (使用 Frame )

2022-09-10 13:12:25 字數 1286 閱讀 1393

文章出處  :    (本文**此部落格)

在瀏覽網頁時,我們經常會看到乙個導航條,當點選導航條上的專案時,相應網頁會在顯示區域變換顯示。首先準備乙個主介面檔案main.htm,將其劃分成兩塊區域index和content.

<

html

>

<

frameset

cols

="120,*"

>

<

frame

name

="index"

src="index.htm"

/>

<

frame

name

="content"

src="frame_a.htm"

/>

frameset

>

html

>

其中index區域鏈結index.htm檔案,主要是一些鏈結專案;content區域負責顯示相應鏈結檔案,初始顯示鏈結為frame_a.htm.

name="index"是標明index區域的屬性,name="content"是標明content區域的屬性。

<

html

>

<

head

>

head

>

<

body

>

<

a href

="frame_a.htm"

target

="content"

>frame_a

a>

<

a href

="frame_b.htm"

target

="content"

>frame_b

a>

<

a href

="frame_c.htm"

target

="content"

>frame_c

a>

body

>

html

>

效果圖如下貼出:

html導航框架

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

HTML中導航框架問題

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

html導航框架簡析

框架可以實現在同一瀏覽器視窗,瀏覽不同的頁面。乙個頁面的超連結一般跳轉到乙個新的瀏覽器視窗,而導航框架可以通過超連結在同一視窗顯示不同的頁面。接下來展示一下導航鏈結的實現。1.主頁面,將頁面分為兩欄,其中index.html包括三個超連結,即導航框架包含乙個將第二個框架作為目標的鏈結列表。2.ind...