連結設定


約瑟 發表



連結是 WWW 最吸引人的地方。你只要在螢幕上某個特別搶眼的字句上, 按一下滑鼠按鈕,閱覽器就會去抓 取與該字句一個相關的檔案,顯示出來。 作為作者,你有責任把字句連到相關的地方,不過技術上來說, 你可以隨便 把它連到 Internet 上任何伺服器上的任何檔案。

連結是 WWW 最吸引人的地方。你只要在螢幕上某個特別搶眼的字句上, 按一下滑鼠按鈕,閱覽器就會去抓 取與該字句一個相關的檔案,顯示出來。 作為作者,你有責任把字句連到相關的地方,不過技術上來說, 你可以隨便 把它連到 Internet 上任何伺服器上的任何檔案。當然,你可以連到另一個 WWW 上的文件檔, 不過你更可以連到任何 Gopher 文件、WAIS 查詢、Usenet 討論群、ftp、telnet、finger 等各式各樣的 Internet 服務上。

STEP1:【連結基本設定】
  1. 連結的基本標籤就只有 <A HREF=""> 這一個而已。就像是背景標籤一樣, A HREF 要加上其他功能 只要再標籤裡面加入一些指令就可以了。

    連接基本上有分內部連結和外部連結。內部連結就是只網頁空間裡面的連結, 外部連結就是只網頁空間 外的連結。這時候我們就要牽扯到我們常常聽到的 "絕對路徑" 和 "相對路徑" 了。

    現在假使我們在自己電腦裡面作兩個網頁, 叫做 index.html 和 me.html, 然後把它們存在同一個資料夾 , 路徑為 C:\mypages\me.html。 要是你要在 index.html 上面作一個連結到 me.html, 你有兩種寫法。看下面的表格:

    連結方式
    程式碼
    絕對路徑 <A HREF="C:\mypages\me.html">
    相對路徑 <A HREF="me.html">

    看到什麼不同沒有? 沒錯, 絕對路徑就是把所有的完整的路徑寫出來。而相對路徑是比較簡單的, 只要 直接在 me.html 的所在目錄下找, 也就是在 c:\mypages\ 底下去找me.html。

    要是你要連結到別人的伺服器, 你就一定要用絕對路徑了。絕對路徑的缺點就是您將檔案上傳到網路上時, 您的整個網頁目錄架構會變, 到時候, 電腦會找不到 c:\mypages(尤其是unix系列的主機)更可能找不到 www 這目錄 (有些會規定要放在特定的目錄下才能顯示網頁), 所以說, 沒事的話,盡量用『相對路徑』來作連結, 比較輕鬆又不易出錯。



STEP2:【網頁內部連結】
  1. 我們在內部連結這一部份主要會用的是這個標籤: <A NAME=#標記>你要的連結部分</A>
  2. 這個標籤的用處是當我們有很多內容在網頁裡面, 為了要尋找資料方便, 這個玩意兒就派上用場了。 他的用法種要是再網頁的一部份作記號, 然後用連結連過去。
  3. 其中「標記」是一個任你取的名字, 以後如果你要以這個標籤的位置為跳躍 目的地的話, 就直接用「#標記」代表。例如你在 http://download_100.tripod.com/download.html 之中的 某處放了一個 <a name="joseph"> 標籤, 那麼在該文件中的其他地方,可以用 <a href="#joseph"> 建立連結。 在其他文件中, 可以用 <a href="http://download_100.tripod.com/download.html#joseph> 建立連結。

    範例: 連結基本設定

  4. 講到外部連結, 就像之前所講到的, 連結可以用在 http: ftp: gopher:...等等。我就以下面的表格來解 說這個東西:

    連結方式
    例子
    原始碼
    網頁連結
    約瑟網頁製作
    <a href="http://come.to/Joseph2001">約瑟網頁製作</a>
    E-mail連結
    寫信給我
    <a href="mailto:joseph_1001@yahoo.com">寫信給我</a>
    FTP連結
    按此下載
    <a href="ftp://www.tripod.com">按此下載</a>
    news連結
    seednet news服務
    <a href="news:news.seed.net.tw">seednet news服務</a>
    gopher連結
    seednet gopher服務
    <a href="gopher://gopher.seed.net.tw/">seednet gopher服務</a>
    bbs連結
    seednet gopher服務
    <a href="telnet://bbs.seed.net.tw/">seednet bbs服務</a>

最後更新日期: 6/24/2001 10:16:16 AM