史萊姆論壇

史萊姆論壇 (http://forum.slime.com.tw/)
-   網路軟硬體架設技術文件 (http://forum.slime.com.tw/f133.html)
-   -   HTML教學--框架--2 (http://forum.slime.com.tw/thread210221.html)

猜謎人 2007-07-08 12:50 AM

HTML教學--框架--2
 
這一次我們要來說明框架的另一種不一樣的技巧,就是他的顯示位置!舉例來說,如果有左右兩個框架,那意思就是說那一網頁是由左右兩個網頁所構成,如果又網頁中有超連結,他會顯示在哪一頁呢?HTML給我們五種選擇,這裡我們舉出三個,其他你們自己可以試試自己做做看。
一樣的我們先列出原始碼如下:

http://i171.photobucket.com/albums/u287/sad_jellyfish/teach/cc001.jpg

這是一個左右各佔一半的框架,注意!左邊的frame我們給他命名叫做present!大小寫有差別喔!別搞錯。取名的用意就是到時我們要指定超連結的顯示要顯示在名字叫做present這個框架位置!另外,marginheight是指他和網頁上面的間距,我們設為0就是緊貼上面,marginwidth則是只和左右的間距,我設為0則是緊貼左邊。
我們先看第一張顯示圖,他左邊背景是藍色,右邊背景是粉紅色,右邊框架還有寫上虎爛三子,各有超連結,如下圖:

http://i171.photobucket.com/albums/u287/sad_jellyfish/teach/cc002.jpg

以小太陽的為例子,他的超連結target(目標)就是present,也就是左邊網頁,所以,你可在左邊網頁看到他的圖像!注意,因為我們連結是圖,所以另外開個左邊網頁放圖,所以背景變成白色了。一般而言我們會連上新網頁,很少指連圖的!顯示如下:

http://i171.photobucket.com/albums/u287/sad_jellyfish/teach/cc003.jpg

再來是Q老,他的超連結target(目標)是_blank,這是只要開全新的網頁,這是用來當你要連上別人的網站時常用的做法,這是因為要尊重人家的心血創意!顯示如下:

http://i171.photobucket.com/albums/u287/sad_jellyfish/teach/cc004.jpg

最後就是Ano天師,他的超連結target(目標)是_self,如此則會顯示在超連結的框架,如下圖!

http://i171.photobucket.com/albums/u287/sad_jellyfish/teach/cc005.jpg

另外,超連結target(目標)也可以是_top,這是用來抹去所有框架,顯示在此網頁,或者是_parent這是當有巢狀框架時用在顯示在上一層「父框架」上,這裡就不多說了!


所有時間均為台北時間。現在的時間是 01:17 PM

Powered by vBulletin® 版本 3.6.8
版權所有 ©2000 - 2022, Jelsoft Enterprises Ltd.

『服務條款』

* 有問題不知道該怎麼解決嗎?請聯絡本站的系統管理員 *


SEO by vBSEO 3.6.1