【HTML】iframe的應用

墮夜

注意: 此教學以Dreamweaver MX 6.0以上版本為主

"iframe"也就是俗稱"網頁中的網頁"

不會用框架頁面的使用者可以藉此種方法建立出美觀的網頁

還有個好處就是它不像圖層那樣位置難以捉摸，也可以放在表格中

作法:

先新增另一網頁檔案，編輯成自己想要的樣子後回後首頁編輯語法

以下分為幾種使用iframe方法

1.非動態式:

也就是僅顯示單一頁面，語法變化較少

語法:

<iframe src="連結位置" width=?% height=?% border=?></iframe>

src=連結

width=寬度

height=高度

border=邊框粗細(建議設0)

2.交互動態式:

每個導覽連結的網頁均可顯示於iframe中，但要設定某些東西

方法:

設定語法<iframe name="?" src="連結位置" width=?% height=?% border=?></iframe>

當中的"name"中設定為目標名稱

然後將你每個導覽列連結的目標設為name中的名稱(即問號處)

所謂的"目標"就是設定"_blank" "_self" "_parent" "_top" 等頁面顯示方式的地方

在該欄位輸入name的名稱即可

或者在導覽列的連結處進入HTML模式

將連結src以後的語法加入target="目標名稱"

成品:




這是我們班的新班網= =/