第十七章 超连结与超媒体.pptVIP

第十七章 超連結與超媒體 超文件的要素 節點（Node） 意義 圍繞一個特定主題組織起來的資料集合，也是超文件中組成資訊的基本單元， 類型 來源節點：超連結的起點，又稱為「錨點」。 目的節點：超連結的終點，又稱為「宿點」。 連結（Link） 意義 兩個節點間的連接單元，用以表示節點之間的相互關係。 連結標籤：a 語法 a attribute = value連結文字/a 說明 attribute：屬性名稱 value：屬性值 例如 a href = “.tw”淡江大學/a 超連結的分類 遠端連結 近端連結 檔外連結 檔內連結 超連結的定址(1/2) 遠端連結 a href = URL … /a 近端連結 檔外連結 相對路徑法 目的檔與來源檔位於同一層目錄 a href= 檔名 目標檔位於來源檔的下一層目錄 a href= 子目錄名稱/檔名 目標檔位於來源檔的上一層目錄 a href= “../檔名 絕對路徑法 a href= /路徑/檔名/ 超連結的定址(2/2) 檔內連結 在目的區段開始處插入如下標籤 a name = label/a 在來源節點處插入如下標籤 a href = #label/a 範例：遠端連結 html head title超連結範例/title /head body h1超連結範例/h1 pa href=.tw淡江大學WWW首頁/a/p pa href=.tw淡江大學FTP伺服器/a/p pa href=gopher://.tw國科會Gopher伺服器/a/p pa href=telnet://.tw淡江大學BBS主機/a/p pa href=news:.tw淡江大學News主機/a/p pa href=mailto:candme@寫信給本書作者/a/p /body /html 範例：近端連結 html head title近端連結範例/title /head body h1範例：近端連結/h1 ul li相對路徑法：/li /ul blockquote ul li目的節點在同一層目錄：a href=ch17-01.htmch17-01.htm/a/li li目的節點在上一層目錄：a href=../index.htm回首頁/a（index.htm）/li li目的節點在下一層目錄： a href=ch17-02a/ch17-02-a.htmch17-02-a.htm/a/li /ul /blockquote ul li絕對路徑法：/li /ul blockquote ul li目的節點在其他目錄：a href=file:///C:/test.txtc:\test.txt/a/li /ul /blockquote /body /html 範例：檔內連結 (1/2) html head title檔內連結範例/title /head body hr h1電腦圖書目錄/h1 pa href=#book_internetInternet系列圖書/a pa href=#book_others其他系列圖書/a ?a name=book_internet/a hrh2Internet系列圖書/h2hr Internet 全民上網br 網頁輕鬆DIYbr 網頁資料庫整合應用br 互動式網頁設計指南br FrontPage 超級經典br Internet Explorer 快樂上網br Netscape Communicator 快樂上網br WWW上站與架站實務br 網際網路資源探索br a name=book_others/a hrh2其他系列圖書/h2hr 精通 Visual Basic 程式設計br 精通 Visual Basic 資料庫br 透視 C++ 物件導向程式設計br Word 實用寶典br Power Point 實用寶典br Excel 實用寶典br Access 實用寶典br Office 經典大全br Photoshop 影像處理br hr ? /body /html 範例：檔內連結 (2/2) 影像標籤：img 語法： img attribute = value 屬性： src： 影像來源 img src= 路徑/檔名 或 URL alt：取代文字 img src=“檔名” alt=“代替文字” align：設定圖文對齊方式 img src=venus.jpg, align=top 文字向上排列 width與height影像寬度高度的設定 img src=影像來源 width=value height=value 範例：影像超連結 html head title