第4講超鏈接、多媒體及表格標(biāo)記(編輯修改稿)
2025-03-14 09:35 本頁(yè)面
【文章內(nèi)容簡(jiǎn)介】 面源文件的路徑 width n 設(shè)置浮動(dòng)框的寬度 height n 設(shè)置浮動(dòng)框的高度 name … 設(shè)置浮動(dòng)框的名稱(chēng)，以便于其他對(duì)象引用它 align … 設(shè)置浮動(dòng)框相對(duì)于瀏覽器窗口的對(duì)齊方式 frameborder … 設(shè)置浮動(dòng)框架邊框顯示狀態(tài)，與普通框架同 scrolling … 設(shè)置浮動(dòng)框架滾動(dòng)條顯示屬性，與普通框架同 noresize 設(shè)置浮動(dòng)框架尺寸調(diào)整屬性，與普通框架同 bordercolor … 設(shè)置浮動(dòng)框架邊框顏色，與普通框架同 marginheight n 浮動(dòng)框架邊框與頁(yè)內(nèi)容上下間距，與普通框架同 marginwidth n 浮動(dòng)框架邊框與頁(yè)內(nèi)容左右間距，與普通框架同 浮動(dòng)框架示例 ? 框架的一個(gè)重要目的是在不同的框架中顯示不同的頁(yè)面，通過(guò)鏈接目標(biāo)窗口的設(shè)置可以很容易實(shí)現(xiàn)這一目的 ? 具體實(shí)現(xiàn)方法：將框架的框架名屬性值作為超鏈接的 target的屬性值 6)框架與鏈接 frameset cols=20%,* frame src= name=left frame src= name=right /frameset : body pa href= target=right Photoshop/a/p pa href= target=right Freehand/a/p pa href= target=right Illustrator/a/p pa href= target=right CorelDraw/a/p /body 普通框架與鏈接示例 浮動(dòng)框架與鏈接示例 ? 瀏覽者通過(guò)單擊 文本 或 圖片 對(duì)象，可以從一個(gè)頁(yè)面跳到另一個(gè)頁(yè)面，或從頁(yè)面的一個(gè)位置跳到另一個(gè)位置，實(shí)現(xiàn)這樣的功能的對(duì)象稱(chēng)之為超鏈接 ? 創(chuàng)建超鏈接的條件：必須 同時(shí) 存在兩個(gè)端點(diǎn)。一個(gè)是源端點(diǎn)；另一個(gè)是目標(biāo)端點(diǎn) – 源端點(diǎn) ：指網(wǎng)頁(yè)中的提供鏈接單擊的 對(duì)象 ， 如鏈接文本或鏈接圖像 – 目標(biāo)端點(diǎn) ：指鏈接跳過(guò)去的 頁(yè)面 或 位置 ， 如某網(wǎng)頁(yè)、書(shū)簽等 超 鏈接標(biāo)記 1）超鏈接標(biāo)記及常用屬性 屬 性 描 述 href 指定鏈接路徑 （必設(shè)屬性） name 定義書(shū)簽名稱(chēng) target 指定打開(kāi)鏈接目標(biāo)文件的窗口 title 設(shè)置鏈接提示文字 ? 創(chuàng)建超鏈接使用的標(biāo)記為 a ? 超鏈接標(biāo)記常用屬性： target屬性 值 描 述 _blank 在新窗口中打開(kāi)鏈接文檔 _self 在同一個(gè)幀或窗口中打開(kāi)鏈接文檔（默認(rèn)屬性） _parent 在上一級(jí)窗口中打開(kāi)，一般在框架頁(yè)中經(jīng)常使用 _top 在瀏覽器的整個(gè)窗口中打開(kāi)，忽略任何框架 框架窗口名 在指定的框架窗口中打開(kāi)鏈接文檔 嵌入 java applet示例 鏈接目標(biāo)窗口示例 2）鏈接路徑設(shè)置 ? 絕對(duì)路徑 : 指文件的完整路徑 ? 文件相對(duì)路徑 ：指相對(duì)于 當(dāng)前文件 的路徑 ? 文件相對(duì)路徑有以下幾種： ①兩文件在同一目錄下 ②鏈接文件在當(dāng)前文件的下一級(jí)目錄 ③鏈接文件在當(dāng)前文件的上一級(jí)目錄 相對(duì)鏈接路徑設(shè)置： ?同一目錄，只需輸入要鏈接文檔的名稱(chēng) ?下一級(jí)目錄， 需在鏈接文件名前添加 “ 下一級(jí)目錄名/” ?上一級(jí)目錄，需在鏈接文件名前添加 “ ../” 鏈接路徑示例： ? 根據(jù)超鏈接的目標(biāo)端點(diǎn)來(lái)分，超鏈接可分為： – 內(nèi)部鏈接 – 外部鏈接 – 書(shū)簽鏈接 – 腳本鏈接 – 文件下載鏈接 ? 根據(jù)超鏈接的源端點(diǎn)來(lái)分，超鏈接可分為： – 文本鏈接 – 圖像鏈接 – 圖像映射 3） 超鏈接類(lèi)型 內(nèi)部鏈接 ?內(nèi)部鏈接是指在 同一個(gè)網(wǎng)站 內(nèi)部，不同網(wǎng)頁(yè)之間的鏈接關(guān)系 ?基本語(yǔ)法 a href=“ file_name” 鏈接文字 /圖片/a ?語(yǔ)法解釋 通過(guò) “ href” 屬性指定目標(biāo)端點(diǎn)； “ file_name” 為要鏈接文件的路徑，一般使用 相對(duì)路徑 ； 提供給鼠標(biāo)單擊的內(nèi)容，即 源端點(diǎn)，既可以使用 “ 文字 ” ，也可以使用 “ 圖片 ” 外部鏈接 ?外部鏈接是指跳轉(zhuǎn)到 當(dāng)前網(wǎng)站外部 ，和其他網(wǎng)站中的頁(yè)面或其他元素之間的鏈接關(guān)系。 ?基本語(yǔ)法 a href=“ URL” 鏈接文字 /圖片 /a ?語(yǔ)法解釋 通過(guò) “ href” 屬性指定目標(biāo)端點(diǎn)； “ URL” 為要鏈接文件的路徑，一般情況下，該路徑需要使用絕對(duì)路徑 ；提供給鼠標(biāo)單擊的內(nèi)容，即源端點(diǎn)，既可以使用 “ 文字 ” ，也可以使用 “ 圖片 ” a href=“ mailto:郵址 1？Subject=contentcc=郵址 2 bcc=郵址3” 鏈接文字 /a 參 數(shù) 描 述 Subject 電子郵件主題 cc 抄送收件人 bcc 暗送收件人 表 41 郵件參數(shù) 啟動(dòng)郵件發(fā)送系統(tǒng)設(shè)置語(yǔ)法 內(nèi)部和外部超鏈接示例 書(shū)簽鏈接 ? 書(shū)簽鏈接： 指目標(biāo)端點(diǎn)為網(wǎng)頁(yè)中的某個(gè)設(shè)置了稱(chēng)為 書(shū)簽標(biāo)記 的 位置 的鏈接 ? 創(chuàng)建書(shū)簽鏈接步驟： ? 創(chuàng)建書(shū)簽 ? 為書(shū)簽制作鏈接 ①建立書(shū)簽 ? 基本語(yǔ)法 a name=“ 書(shū)簽名 ” [文字 /圖片 ]/a ? 語(yǔ)法解釋 [文字 /圖片 ]中的 “ []” 表示文字或圖片可有可無(wú)，書(shū)簽將在光標(biāo)處建立一個(gè)名為 “ name” 屬性值所規(guī)定的書(shū)簽。 書(shū)簽名設(shè)置規(guī)范： 1）書(shū)簽名不支持中文，只能使用字母和數(shù)字 2）書(shū)簽名區(qū)分英文字母大小寫(xiě) 3）書(shū)簽名間不能含有空格，也不能含有特殊字符 ②建立書(shū)簽鏈接 ? 基本語(yǔ)法 – 鏈接到同一頁(yè)面中的書(shū)簽： a href=“ 書(shū)簽名 ” 鏈接文字 /a – 鏈接到其他頁(yè)面中的書(shū)簽 : a href=“ file_name書(shū)簽名 ” 鏈接文字 /a ? 語(yǔ)法解釋 “ 書(shū)簽名 ” 是已定義的書(shū)簽名，“ file_name” 是要跳轉(zhuǎn)到的頁(yè)面路徑。 ? 書(shū)簽鏈接示例 腳本鏈接 ?在鏈接語(yǔ)句中，可以通過(guò)腳本來(lái)實(shí)現(xiàn)HTML語(yǔ)言完成不了的功能。 ?基本語(yǔ)法 a href=“ javascript:
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1