行級標(biāo)簽1超鏈接

3.1超鏈接3.2圖像3.3表單元素3.4范圍標(biāo)簽<span>3.5換行標(biāo)簽<br/>3.6實(shí)訓(xùn)——制作什錦果園聯(lián)系信息表單第3章行級標(biāo)簽HTML頁面中的塊和行HTML標(biāo)簽分類〔方便后續(xù)的布局設(shè)計(jì)〕：塊級標(biāo)簽：顯示為“塊〞狀，前后換行行級標(biāo)簽：按行逐一顯示分類好處：方便后續(xù)的布局設(shè)計(jì)塊級：塊內(nèi)包含多行行級：包括文字、圖片等塊級標(biāo)簽：默認(rèn)情況下占據(jù)一整行〔不同的塊自動換行〕具有一定的寬度和高度常用來做容器，容納其他的塊級標(biāo)簽或行級標(biāo)簽。行級標(biāo)簽：不獨(dú)占一行一般用來組織內(nèi)容，如文字，圖片，超鏈接等。3.1.1超鏈接的根本概念URL(UniversalResourceLocator，統(tǒng)一資源定位器)——表示W(wǎng)eb上資源的一種方法，通常可以理解為資源的地址組成協(xié)議代碼裝有所需文件的計(jì)算機(jī)地址具體的文件路徑和文件名。例如：協(xié)議協(xié)議說明應(yīng)使用何種方法獲得所需的信息超文本傳輸協(xié)議：HTTP(HyperTextTransferProtocol)。

使用形式：://webhostname.somedomain/path/filename.htm文件傳輸協(xié)議：FTP(FileTransferProtocol)。

使用形式：ftp://ftphostname.somedomain/path/filename.htm電子郵件協(xié)議：mailto。

使用形式：mailto:username@somedomain3.1超鏈接3.1.1絕對URLInternet上資源的完整地址，包括完整的協(xié)議種類、計(jì)算機(jī)域名和包含路徑的文檔名其形式為：協(xié)議://計(jì)算機(jī)域名/文檔名例如：表示用來訪問文檔的協(xié)議的名稱表示文檔所在計(jì)算機(jī)的域名public/HTML/example.htm表示文檔名如果在網(wǎng)頁中需要指定外部Intemet資源，應(yīng)使用絕對URL說明省略了最后局部文件名的URL通常也認(rèn)為是絕對URL，因?yàn)樗軌蛲耆ㄎ毁Y源的位置例如，就是一個(gè)絕對URL3.1.1相對URL

Internet上資源相對于當(dāng)前頁面的地址，它包含從當(dāng)前頁面指向目的頁面位置的路徑例如：public/example.htm使用相對URL的好處在于當(dāng)用戶需要移植站點(diǎn)時(shí)，只要保持站點(diǎn)中各資源的相對位置不變，就可以確保移植后各頁面之間的超鏈接仍能正常工作。用戶在編寫網(wǎng)頁時(shí)，通常使用的都是相對URL(除非需要引用外部網(wǎng)頁)如果在網(wǎng)頁中需要指定內(nèi)部資源，應(yīng)使用相對URL相對URL本身并不能唯一地定位資源，但瀏覽器會根據(jù)當(dāng)前頁面的絕對URL正確地理解相對URL。說明：在URL中，總是使用正斜杠(/)作為路徑分隔符，而不是使用Windows或DOS中的反斜杠(\)。在客戶端，點(diǎn)擊不同類型的鏈接時(shí)，會自動啟動相應(yīng)的客戶端軟件來訪問相應(yīng)的資源。句點(diǎn)(.)——當(dāng)前目錄雙重句點(diǎn)(..)——上一級目錄(父目錄)例如./image.gif表示當(dāng)前目錄中的image．gif文件，相當(dāng)于image.gif；../public/index.htm表示與當(dāng)前目錄同級的public目錄下的index.htm文件，也就是當(dāng)前目錄上一級目錄下的public目錄中的index.htm文件3.1.2超鏈接的應(yīng)用1．錨點(diǎn)標(biāo)簽<a>…</a><ahref="URL"target="翻開窗口方式">熱點(diǎn)</a>Target屬性：_blank瀏覽器總在一個(gè)新翻開、未命名的窗口中載入目標(biāo)文檔。_self這個(gè)目標(biāo)的值對所有沒有指定目標(biāo)的<a>標(biāo)簽是默認(rèn)目標(biāo)，它使得目標(biāo)文檔載入并顯示在相同的框架或者窗口中作為源文檔。3.1超鏈接3.1.2超鏈接的應(yīng)用【演練3-1】制作網(wǎng)絡(luò)鞋城頁面之間的鏈接，當(dāng)前頁3-1.html中包含兩個(gè)鏈接分別指向注冊頁和登錄頁，如圖3-1所示。3.1超鏈接3.1.2超鏈接的應(yīng)用3．指向書簽的鏈接〔錨點(diǎn)鏈接〕用于對同一網(wǎng)頁的不同局部或不同網(wǎng)頁的不同局部進(jìn)行鏈接錨點(diǎn)鏈接必須先定義錨點(diǎn)，然后才能定義鏈接。定義錨點(diǎn)<aname=“錨點(diǎn)名">目標(biāo)文本附近的字符串</a>定義鏈接〔1〕指向頁面內(nèi)書簽的鏈接<ahref=“#錨點(diǎn)名">熱點(diǎn)文本</a>【演練3-2】制作指向頁面內(nèi)書簽的鏈接。3.1超鏈接3.1.2超鏈接的應(yīng)用3．指向書簽的鏈接〔錨點(diǎn)鏈接〕<aname="錨點(diǎn)名">目標(biāo)文本附近的字符串</a>〔2〕指向其他頁面書簽的鏈接<ahref="目標(biāo)文件名.html#錨點(diǎn)名">熱點(diǎn)文本</a>即單擊“熱點(diǎn)文本〞，將跳轉(zhuǎn)到目標(biāo)頁面“錨點(diǎn)名〞開始的網(wǎng)頁元素?！狙菥?-3】制作指向其他頁面書簽的鏈接。3.1超鏈接3.1.2超鏈接的應(yīng)用4．指向下載文件的鏈接如果鏈接到的文件不是HTML文件，那么該文件將作為下載文件。指向下載文件的鏈接格式為：<ahref=“下載文件相對URL">熱點(diǎn)文本</a>3.1超鏈接3.1.2超鏈接的應(yīng)用5．指向電子郵件的鏈接單擊指向電子郵件的鏈接，將翻開默認(rèn)的電子郵件程序，如FoxMail、OutlookExpress等，并自動填寫郵件地址。指向電子郵件鏈接的格式為：<ahref="mailto:E-mail地址">熱點(diǎn)文本</a>3.1超鏈接3.1.2超鏈接的應(yīng)用6.設(shè)置鏈接樣式<bodylink="#FF0000"alink="#00CC00"vlink="#666666">……</body>link=“未被訪問的鏈接顏色"alink=“正在被訪問的鏈接顏色"vlink=“已經(jīng)被訪問過的鏈接顏色"3.1超鏈接3.1.3案例——制作網(wǎng)絡(luò)鞋城購物向?qū)А狙菥?-4】制作網(wǎng)絡(luò)鞋城購物向?qū)Ъ跋螺d的頁面，