第4講超鏈接、多媒體及表格標(biāo)記-在線瀏覽
2025-03-28 09:35本頁(yè)面
【正文】 標(biāo)記及常用屬性 屬 性 描 述 href 指定鏈接路徑 （必設(shè)屬性） name 定義書(shū)簽名稱 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è)置： ?同一目錄，只需輸入要鏈接文檔的名稱 ?下一級(jí)目錄， 需在鏈接文件名前添加 “ 下一級(jí)目錄名/” ?上一級(jí)目錄，需在鏈接文件名前添加 “ ../” 鏈接路徑示例： ? 根據(jù)超鏈接的目標(biāo)端點(diǎn)來(lái)分，超鏈接可分為： – 內(nèi)部鏈接 – 外部鏈接 – 書(shū)簽鏈接 – 腳本鏈接 – 文件下載鏈接 ? 根據(jù)超鏈接的源端點(diǎn)來(lái)分，超鏈接可分為： – 文本鏈接 – 圖像鏈接 – 圖像映射 3） 超鏈接類型 內(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)系。 書(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è)面路徑。 ?基本語(yǔ)法 a href=“ javascript:… ” 鏈接內(nèi)容/a ?語(yǔ)法解釋 在 javascript:后面編寫(xiě)的就是具體的腳本 文件下載鏈接 ? 要?jiǎng)?chuàng)建文件下載，只要在鏈接地址處輸入文件路徑即可，當(dāng)用戶單擊鏈接后，瀏覽器會(huì)自動(dòng)判斷文件類型，以做出不同情況的處理，如直接打開(kāi)，或彈出下載對(duì)話框供下載 ? 可用于下載的文件類型有 .doc、 .Rar、 .cab、 .zip、 .exe等 ? 基本語(yǔ)法 a href=“ File_URL” 鏈接文字/a ? 文件下載示例 body pa href=doc/a/p pa href=cab/a/p pa href=exe/a/p body 文本鏈接 ? 文本鏈接是指源端點(diǎn)為 文本文字 的超鏈接 ? 基本語(yǔ)法 a href=“ file_name” 鏈接文字/a 圖像鏈接 ? 圖像鏈接是指源端點(diǎn)為 圖像文件 的超鏈接 ? 基本語(yǔ)法 a href=“ filename_link” img src=“ filename_img” … /a ? 語(yǔ)法解釋 “ filename_link” 為要跳轉(zhuǎn)到的文件路徑，“ filename_img” 為圖像文件路徑，默認(rèn)情況下，圖像鏈接會(huì)顯示藍(lán)色邊框線，如果不想顯示邊框，應(yīng)設(shè)置 border=0 圖像鏈接示例 body a href= target=_blank img src=images/ border=0 /a /body 圖像映射 ? 圖像熱區(qū)：一幅圖像被切分成不同的區(qū)域，每一個(gè)區(qū)域可以鏈接到不同的地址，這些區(qū)域稱為圖像的熱區(qū)。表格在網(wǎng)頁(yè)中除了作為一個(gè)顯示對(duì)象以外，還有一個(gè)重要的作用就是用于排版頁(yè)面內(nèi)容 ? 構(gòu)成表格的主要標(biāo)記 標(biāo) 記 描 述 table 在 HTML文檔中聲明一個(gè)表格 tr 在表格中創(chuàng)建一行 td 在一行中創(chuàng)建一個(gè)單元格，單元格內(nèi)容居左對(duì)齊 th 在一行中創(chuàng)建一個(gè)標(biāo)題單元格，單元格內(nèi)容 加粗且默認(rèn) 居中 對(duì)齊 caption 為表格創(chuàng)建題注 ? 基本語(yǔ)法 table tr td(th)… td(/th) …… /tr tr td(th)… td(/th) …… /tr …… /table 表格標(biāo)記示例 1) table標(biāo)記 ? table標(biāo)記常用屬性 屬 性 描 述 border 設(shè)置表格邊框?qū)挾?，單位為像素（默認(rèn)不顯示邊框），設(shè)置 border=0將取消邊框 width 設(shè)置表格寬度，單位為像素或 瀏覽器窗口 的百分比 height 設(shè)置表格高度，單位為像素或 瀏覽器窗口 的百分比 bordercolor、bordercolordark、bordercolorlight 設(shè)置表格邊框顏色 /亮邊框顏色（左上邊框顏色）/暗邊框顏色（右下邊框顏色） bgcolor 設(shè)置表格的背景顏色 background 設(shè)置表格的背景圖像 cellspacing 設(shè)置相鄰單元格之間的間距 cellpadding 設(shè)置單元格邊框與內(nèi)容的間距 align 設(shè)置表格的水平對(duì)齊方式（默認(rèn)左對(duì)齊） table標(biāo)記屬性示例 2) tr標(biāo)記 ? tr標(biāo)記常用屬性：
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1