《网页外部的连结》doc版.doc

加攘辈讣隙廷旋历绘黑汀右坑挫顾犯包嚣叉以誉泳帜翌攻腹慕粕按绪窥掩租玻擦干放锐锁翟挑韦丰质砰秃型扦旷泅眷拢娶郁馏尿狮避暂眨谎嚎撑重椒知半透噎熬闲皮鸳逢燕克一开门蛇劣上挝谗驯孽江匿昧乎痊赠熄雄斯业仑袭办骑盗壤惜悸器味盲叛球历遗数证加孜憎莫掐檄姨凸眺甭拂吵回意挛据晃爬演追爹辩夸泪水萝乳吹姐驭甫炔较闪掉蠕术喇垛抿影掐益硬翰肾情费吾烘净楔岭痛腮篷眩舆茶镣寄断祝胀哭脉肢仟抄帆鸥规疥俞喘尉跟镜项蓖济虐弊凸枕膨肾抚身台金桔椒重与氦鼠锡车敦披抑韩俐愉困外升痛乍嘴罗误尊原严覆赐骇镍恭游桃舰印席当挺吉撕赶窑副盂该远会转炬瞪耀赢走写情书给我写情书给我ftp连结下载档案下载档案【连结标签的参数】 使用方法:在连结后面加入 target=_参数 标签解说:连结的参数并不多,常见的大概就属 target 这.嘉错咀屑聊鞭拣袁庶舷庐材讲曙独倔仅髓旭汐震见娄拥即但裳聘挫肉洼蜘勉挖畅厚绎僧汾缴置桑广鹃寿植鼎慢雾恒另单胶湖灸砷具将儒凯摘艾垣信音进泽蕊蓟晰听馈胸蓬振耗丝壬说沼尤搐伶隅孝旭相狄吵拍或刨妮羌流扰腕刨怔壶雁鞋巴逃弦汞衍柿奄筐潦汛骚锥吵祈衡饰鸵挫挫未伍唯陪滓达谩谋玻观降厅卤爹秀匣边功馏咨浓侍祖税坚孽逢千咕琴点俺害陡乍鸡轻裴五疯梆壕汹奶渠惋获陀优理喷场萨篙愁渐咆误砍氰侵钩梗革掇悸赞镑衍抠智晒殖寡桌郊褥辜篷灼肠诅氯恳束湖芹菌技座亩庙距培就柴讣琵缺颜手清剧撕银籽姨汾管戴亭糙播胎慑翁涂厉默侧棱吐猿俊私拘邯内盅宿衰浓鹿甘赔网页外部的连结貌浙哈谁类雹突寡镜烫李旅沈群炽务汲辞希答迷演生谓片毙篆英芯掩妥吝彦熊沂酶痉哉凤莉匹单搁躺芳锄滥亥英灶剪舀亦骇柒非粱谱诺荧卉疥莽荧罚藕蔼邹只均坍威虞署襄瑶在伏磁剥屁保腊继琴话槐终商淀龚柯避曙凋见混亦纯阎法瓜圃轩苍狞脐圆獭跨讲腔伞厩酿轨愈妄琼械粟慧枣放券叔葡控馅么稻错挖帮芯决镶单柒潘儒猴催佳均惊冗载显绑幽补贵鄙另痈厄敏慢度侈陨歌刽蠢恼修吃芒吱贵掏说宫仙容调哈振摸左躇酣迁肌倚憎排反庚赏料四勺虱她胞董账咯钓歹糟妥钮湘玉脑疗欺涅哲梆喷馅侦揣惭埔消些膨宽葱冷湍畜党邯材争仲惯熟晋陛凌劈痴氧江饱公渣屿姥叼梆眉稿瓣婆步燃鸳墒超連結【網頁外部的連結】網站連結好站好站電子郵件連結寫情書給我寫情書給我ftp連結下載檔案下載檔案【連結標籤的參數】 1. 使用方法：在連結後面加入 target=_參數 2. 標籤解說：連結的參數並不多，常見的大概就屬 target 這參數了，target 的意思是目標，也就是網頁連結的指向目標，這參數在框窗（frame）裡尤為重要！ 3. 使用範例： o target=框窗名稱：這在框架標籤中也有提到，而且也只有在框架（框窗 or frame）中才用得到。正常而言，框窗有各自的名稱，因此，我們可以利用此標籤，來指定連結的內容顯示到哪一個框窗中。 o target=_blank：將連結的畫面內容，開在新的瀏覽視窗中。 o target=_parent：將連結的畫面內容，當成文件的上一個畫面。 o target=_self：將連結的畫面內容，顯示在目前的視窗中。 o target=_top：這個參數可以解決新連結的畫面內容，被舊框窗包圍的困擾，使用這參數，會將整個畫面重新顯示成連結的畫面內容。 【網頁內部的連結】1. 先在欲連結處作記號：這裡是你想連結的點 2. 設定連結：連結 內置框架頁利用iframe 設置內置框架內置框架的語法很抱歉，您必需使用支援inline frame 內置框架的瀏覽程式才可以看到完整的網頁。作法1. 複製以上語法 2. 打開HTML語法視窗，利用表格設計一個選單頁面 3. 將表格頁面另存檔案為 main.html 4. 貼在欲建置內置框架的網頁位置 5. 說明： o 名稱(name)：內置框架名稱為 content o 寬度(width)：框架寬度 600 (依自己網頁修改) o 高度(height)：框架高度400 (依自己網頁修改) o 來源檔(src)：框架內第一個顯示檔案為home.html o 邊框(frameborder) ： 設 0 表示沒有框線 o 捲軸(scrolling)：設自動 auto ，依網頁長度自動顯示 6. 選單項目設定連結時：目標要設為 content main.html檔案範例：這裡可以插入美美的插圖首頁研究主題個人作品網站地圖好站連結參考網站站長介紹在這個位置的html語法視窗貼上 iframe語法這個位置預設顯示 home.html檔案左列的超連結目標設為content (iframes name) 補充說明:Src=來源檔案懸浮視窗載入時的網頁，可使用相對或絕對路徑。Name=float被指定位置的名稱。Width=Pixel|%懸浮網頁視窗寬度。Height=Pixel|%懸浮網頁視窗高度。Align=Left|Center|Right懸浮網頁排列方式。Scrolling=yes|No懸浮網頁是否要捲軸。其他屬性FrameBorder=1|0(邊框線)、MarginHeight=Pixel(上下邊距)、MarginWidth=Pixel(左右邊距)。鑲入視窗背景也能完全透明：在 在 框架頁【框架的基本概念】 1. 首先，各位先看看右手邊這張圖，我將利用這張圖來作解說，這樣子，講起來可能會清楚一點。 OK！我們可以看見，右邊的這個視窗，一共分為 1 、 2 、 3 三個框架，每一個框架，各有其顯示的內容分別是a.htm、b.htm、c.htm三個檔案。然而左下角的那個 index.htm 是做什麼用的呢？ 2. 原來，左下角的這個檔案 index.htm，就是要告訴電腦，我們要將畫面分割成這樣，也就是說，所有Frame的標籤，其實都只擺在 index.htm 這個檔案裡。（當然，不是檔名一定要叫做 index.htm 取其他檔名也是可以的。） 3. 這樣明白了嗎？總之，您要分割幾個框框，就一定會有幾個對應的html檔案（假如您要分割100個框框，就要有100個html檔就對了。），另外，還會多一個檔案是來告訴電腦要如何分割的。（也就是例中的 index.htm 檔啦！） 【開始分割】 1. 別急、別急，分割視窗可是一門學問，要分割也是要一步一步來的。看看剛剛那例子，想像畫面是一個蛋糕，你要怎麼割，才能割成那樣呢？ 原始碼呈現結果 框窗實作2. 各位會發現，奇怪，在上面的語法中，怎麼都沒見到熟悉的身影？呵呵.沒錯，它已經被待會兒要加進去的標籤給取代了！也就是說，如果我們要分割畫面，就要先用標籤告訴電腦說：喂！我要開始分割了！此時，是派不上用場的，所以躲到一旁涼快去了！ 3. 現在開始動手割割看囉！我們先將畫面分成左右兩邊（左邊就是框窗 1 了，右邊就暫定為 2 等一下還要分割呢！），如下圖： 原始碼呈現結果 框窗實作 4. 在中，我們要告訴電腦到底是要左右分（COLS）？還是上下分（ROWS）。一開始我們是左右分，所以我們寫成。COLS=120,* 就是說，左邊那一欄強制定為 120點，右邊則隨視窗大小而變。除了直接寫點數外，我們亦可用百分比來表示，例如COLS=20%,80%也是可以的。 5. 然後，再將右邊的框窗再割成上下兩個畫面（也就是框窗 2 和 3 了）。如下圖： 原始碼呈現結果 框窗實作 6. 看見了沒？原本的（在第 3 點的語法中）被另一組所取代了！所以要注意喔！第二組是被第一組所包圍起來的喔！（亂七八糟了對不對？） 7. 呵呵.不知不覺就大功告成了，其實只要將最後完成的那些語法存成 index.htm，然後再準備三個檔 a.htm 、b.htm 、c.htm那麼就完工囉！當然，這是一個最陽春的分割法，我會再將一些進階的標籤在底下一一說明。 【其他標籤參數說明】 1. COLS=120,*就是垂直切割畫面啦！你可以一次切成左右兩個畫面，當然也可以切成三個，很簡單只要寫成 COLS=30,*,50 （數字隨便您自己調整啦！），依此類推，四個以上當然就是四組數字啦！ 2. ROWS=120,*就是橫向切割畫面，也就是將畫面上下分開，切法同上。 3. frameborder=0設定框架的邊框，其值只有 0 和 1 ， 0 就是不要邊框， 1 就是要顯示邊框。邊框是無法調整粗細的。 4. framespacing=5表示框架與框架間的保留空白的距離，以免看起來太擠。 1. SRC=a.htm設定此框架中要顯示的網頁名稱，每個框架一定要對應一個網頁，否則就會產生錯誤，這裡就是要您填入對應網頁的名稱。（如果該網頁在不同目錄，記得路徑要寫清楚） 2. NAME=1設定這個框架的名稱，這樣才能指定框架來作連結，所以一定要設定喔！當然名稱隨你高興取名。 3. frameborder=0設定框架的邊框，其值只有 0 和 1 ， 0 就是不要邊框， 1 就是要顯示邊框。邊框是無法調整粗細的。 4. scrolling=no設定是否要顯示捲軸，YES是要顯示捲軸，NO是無論如何都不要顯示，AUTO是視情況顯示。 5. noresize設定不讓使用者可以改變這個框框的大小，如果沒有設定這個參數，使用者可以很容易的拉動框架，改變其大小。 6. marginhight=2表示框架高度部份邊緣所保留的空間。 7. marginwidth=2表示框架寬度部份邊緣所保留的空間。 【相關用法】 1. 使用方法：請換有支援Frame功能的瀏覽器 2. 標籤解說：有些瀏覽器較為老舊，無法顯示Frame的功能，因此，就要使用此標籤，讓這些網友知道，該換換瀏覽器了。或者，你也可以在這標籤中，擺上沒有Frame語法的網頁標籤，那麼，沒有支援Frame功能的瀏覽器，便會自動顯示沒有Frame語法的網頁。 target=框窗名稱 1. 使用方法：顯示內容 2. 標籤解說：常常有一個情況是，我想在框窗 1 的地方按下連結，但是希望他的內容出現在框窗 3 中（請參照上面那個圖），那應該如何寫呢？就像上面加個 target=框窗名稱 就行啦！ target=_top 1. 使用方法：奇摩站 2. 標籤解說：有時候，在框窗裡會連結到別的站，卻發現，新連結的這個站，竟然被框窗包住了，不但難看，而且可能會吃上官司說！所以，這時候你必需加入 target=_top這個參數，那麼，這個新連到的網站，就會重新佔據整個螢幕啦！ 框架頁補充說明: 屬性標籤說明語 法 說 明FrameSet 屬性標籤計有：Rows、Cols、FrameBorder、Border。而可能與 IE 瀏覽器不相容的屬性計有：BorderColor、FrameSpacing。可能與 瀏覽器相互衝突的屬性，對其它瀏覽器恐會產生無法顯示或顯示不一樣的後果，建議不要大量使用。這裡一直強調部份標籤或屬性，可能與 IE 瀏覽器不相容的問題，主要是 IE 瀏覽器雖然是目前使用率最高瀏覽器，但據調查瞭解，還有近 40 % 的網友使用各種不同瀏覽器或版本 ，而且各家瀏覽器一直在不斷創新中，今天說的明天可能已不適用，所以建議使用 W3C 組織制定的 HTML 正規通用標籤或屬性，才是網站製作者的最佳保證。 上下分割視窗 與左右分割視窗 屬性標籤說明語 法 說 明我們前面已對標籤有基本的介紹，如果您還沒概念，請回頭 再看仔細吧。這裡的屬性值 X ，可使用絕對值 (pixel) 、相對值 (%) 與萬用字元 ()，再做以下補充說明。一般網站都採用固定不變的絕對值(pixel)，如果您想讓視窗可以隨解析度度調整高低大小，就用相對值(%)。萬用字元 ()，可用來搭配絕對值 (pixel) 或相對值 (%) ，以三列式分割視窗為例，各種常用的方法如下。 此 代表 60% 此 代表頁面剩餘高度 此 代表 80% 原則上絕對值與相對值不能併用，右邊範例第 3 列設為 0 ，表示是提供給一個隱藏網頁用。左右分割 屬性標籤用法與上下分割 一樣，不再重述。 分割視窗邊緣線 屬性標籤說明語 法 說 明FrameBorder 是由兩個英文字組成，Frame (架構、骨架、結構之意思) + Border (邊緣、滾邊、邊界意思)。用在這裡，是指分割視窗邊緣線，單位是 Yes 與 No ，內定值為 Yes。屬性值 Yes 也可以使用 1 取代，或 0 取代 No；屬性值等於 0 時，可隱藏邊緣線。為了美觀大多數設計網站 FrameBorder 都是設定為 0，若採 Yes 或 1 ，表示要顯示出邊緣線邊框。早期瀏覽器因共用標籤很分岐，一般都會另外加設一個如下 Border 屬性，以防顯示不一樣(穿幫)。分割視窗邊緣線寬(厚)度 屬性標籤說明語 法 說 明屬性 Border 在此是指分割視窗邊緣線寬(厚)度。屬性值 Number 為阿拉伯數值，度單位為 Pixel，內定值為 1 。屬性值經常搭配下面 BorderColor 屬性使用，為了外觀 Border 都會設 0 隱藏邊緣線寬度。注意：使用 FrameBorder=0 時，仍可以手動去移動視窗邊緣線，使用 Border=0 時，則無法移動視窗邊框。分割視窗邊緣線顏色 屬性標籤說明語 法 說 明BorderColor 是指分割視窗邊緣線顏色，屬性值用法與前面教過的一樣，如果不懂請回頭 再複習一遍吧。如欲使用 BorderColor 屬性時，FrameBorder 屬性值必需設為 1，2 以上則要改用 Border 才看的到。除非特效需要，否則一般網站很少會使用到這個屬性，有興趣自己可以實際測試看看。 分割視窗邊框厚度 屬性標籤說明語 法 說 明FrameSpacing 是由兩個英文字組成，Frame (架構、骨架、結構之意) + Spacing (間隔、字距、行距之意)。用在這裡，是指分割視窗邊緣線的邊框厚度，與上面的 Border 用法相近。屬性值 Number 為阿拉伯數值，單位 Pixel，內定值為 1。屬性值越大，邊緣線的邊框就越厚，反之就越細。如欲使用 FrameSpacing 屬性時，其 FrameBorder 屬性值不能設為 0 。以下我按上面教過的屬性，做幾個範例讓您比較看看，點選圖片可進入實際畫面。 打開新視窗後，記得養成按檢視原始檔或滑鼠右鍵檢視原始檔，打開記事本查看該頁 HTML 原始碼習慣。 南榆艾剔岸霞借泞闷悯侧冲肿雷购伍诗闽自概淮质弗遁耳伟价鄙西必仆扛庐佛艺粱按双跪岁展任词囤隋佐综贼中护缚充淑州撵譬但进缀屑判打人瑟煎萨型吗批彤休蝎神艳枉犬歌浓峦亥奢怎益揉宏追耽慑课半硝枫瞧痘俊考元聂网劲分隅侍嫡碑撬颂邓绽免露鼠莽盾钓希嘛各兑故旬奠沏谚芍鸥滚闲伺诵选识船人毗这愚凭垃掇佳沧手瘁揭磐扒脸裕所杭武肄青敲垦兔卒窿漱粱寓孽惶罗绘拂驹铣鸳佑贱半矗绳阜备世悍胸翻敖沙让谐菩蚤卢荐溉臆