HTML第五課圖像地圖和圖像坐標(biāo)_第1頁
HTML第五課圖像地圖和圖像坐標(biāo)_第2頁
HTML第五課圖像地圖和圖像坐標(biāo)_第3頁
HTML第五課圖像地圖和圖像坐標(biāo)_第4頁
HTML第五課圖像地圖和圖像坐標(biāo)_第5頁
已閱讀5頁,還剩14頁未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

基本的HTML標(biāo)簽本章通過實(shí)例向您演示最常用的HTML標(biāo)簽。HTML標(biāo)題HTML標(biāo)題(Heading)是通過<h1>-<h6>等標(biāo)簽進(jìn)行定義的。<h1>這是標(biāo)題</h1><h2>這是標(biāo)題</h2><h3>這是標(biāo)題</h3><h1>定義最大的標(biāo)題。<h6>定義最小的標(biāo)題。在HTML文檔中,標(biāo)題很重要。請確保將HTMLheading標(biāo)簽只用于標(biāo)題。不要僅僅是為了產(chǎn)生粗體或大號的文本而使用標(biāo)題。搜索引擎使用標(biāo)題為您的網(wǎng)頁的結(jié)構(gòu)和內(nèi)容編制索引。因?yàn)橛脩艨梢酝ㄟ^標(biāo)題來快速瀏覽您的網(wǎng)頁,所以用標(biāo)題來呈現(xiàn)文檔結(jié)構(gòu)是很重要的。應(yīng)該將h1用作主標(biāo)題(最重要的),其后是h2(次重要的),再其次是h3,以此類推。HTML段落HTML段落是通過<p>標(biāo)簽進(jìn)行定義的。<p>這是一個(gè)段落。</p><p>這是另一個(gè)段落。</p>(注意:)使用空的段落標(biāo)記<p></p>去插入一個(gè)空行是個(gè)壞習(xí)慣。用<br/>標(biāo)簽代替它!(但是不要用<br/>標(biāo)簽去創(chuàng)建列表。不要著急,您將在稍后的篇幅學(xué)習(xí)到HTML列表。)HTML折行如果您希望在不產(chǎn)生一個(gè)新段落的情況下進(jìn)行換行(新行),請使用<br/>標(biāo)簽<br>還是<br/>您也許發(fā)現(xiàn)<br>與<br/>很相似。在XHTML、XML以及未來的HTML版本中,不允許使用沒有結(jié)束標(biāo)簽(閉合標(biāo)簽)的HTML元素。即使<br>在所有瀏覽器中的顯示都沒有問題,使用<br/>也是更長遠(yuǎn)的保障。HTML鏈接HTML鏈接是通過<a>標(biāo)簽進(jìn)行定義的。<ahref=""target="_self">seo研究中心</a>鏈接結(jié)構(gòu)<ahref="地址"target="打開方式">錨文本</a>target的四個(gè)值_self默認(rèn)值在當(dāng)前窗口打開。_blank在新窗口打開鏈接。_parent在父窗體打開。_top在當(dāng)前窗體打開鏈接,并替換當(dāng)前的整個(gè)窗體什么是超級鏈接鏈接是指從一個(gè)網(wǎng)頁指向一個(gè)目標(biāo)的連接關(guān)系,這個(gè)目標(biāo)可以是另一個(gè)網(wǎng)頁,也可以是相同網(wǎng)頁上的不同位置,還可以是一個(gè)圖片、一個(gè)電子郵件地址、一個(gè)文件等。在一個(gè)網(wǎng)頁中用來超鏈接的對象,可以是一段文本或者是一個(gè)圖片。當(dāng)瀏覽者單擊己經(jīng)創(chuàng)建鏈接的文字或圖片后,鏈接目標(biāo)將顯示在瀏覽器上,并且根據(jù)目標(biāo)的類型來打開或運(yùn)行。絕對路徑與相對路徑

絕對路徑(Absolutepaths)是包括服務(wù)器規(guī)范在內(nèi)的完全路徑(網(wǎng)頁通常使用http://),例如:"/”就是絕對路徑。在鏈接外部服務(wù)器上的文檔時(shí)必須使用絕對路徑;當(dāng)與鏈接目標(biāo)同屬一個(gè)文件夾時(shí),一般不指定目標(biāo)文檔的絕對路徑而使用相對路徑。文檔相對路徑(Document-relativepaths)對大多數(shù)網(wǎng)站而言是建立本地鏈接的最好的路徑方法,尤其是要建立鏈接的兩個(gè)文件處于同一文件夾時(shí),通常會(huì)使用相對路徑。當(dāng)然也可以用文檔相對路徑建立同其它文件夾下文檔的鏈接,但需要將文檔之間的層次關(guān)系列清楚。當(dāng)指定文檔相對路徑時(shí),相當(dāng)于省略兩個(gè)文檔之間的絕對路徑中的共同部分,僅保留路徑中不同的部分。HTML圖像<imgsrc="logo.jpg"/>圖像標(biāo)簽(<img>)和源屬性(Src)在HTML中,圖像由<img>標(biāo)簽定義。<img>是空標(biāo)簽,意思是說,它只包含屬性,并且沒有閉合標(biāo)簽。要在頁面上顯示圖像,你需要使用源屬性(src)。src指"source"。源屬性的值是圖像的URL地址。定義圖像的語法是:<imgsrc="url"/>URLURL指存儲(chǔ)圖像的位置。如果名為"XXX.gif"的圖像位于的images目錄中,那么其URL為/images/XXX.gif。替換文本屬性(Alt)alt屬性用來為圖像定義一串預(yù)備的可替換的文本。替換文本屬性的值是用戶定義的。在瀏覽器無法載入圖像時(shí),替換文本屬性告訴讀者她們失去的信息。此時(shí),瀏覽器將顯示這個(gè)替代性的文本而不是圖像。為頁面上的圖像都加上替換文本屬性是個(gè)好習(xí)慣,這樣有助于更好的顯示信息,并且對于那些使用純文本瀏覽器的人來說是非常有用的。tilte當(dāng)用戶鼠標(biāo)移動(dòng)到圖片上時(shí)顯示出來的介紹圖片的用法背景圖片排列圖片浮動(dòng)圖像調(diào)整圖像尺寸制作圖像鏈接圖像地圖把圖像轉(zhuǎn)換為圖像地圖坐標(biāo)HTML<map>標(biāo)簽定義一個(gè)客戶端圖像映射。圖像映射(image-map)指帶有可點(diǎn)擊區(qū)域的一幅圖像。HTML<area>標(biāo)簽<area>標(biāo)簽定義圖像映射中的區(qū)域(注:圖像映射指得是帶有可點(diǎn)擊區(qū)域的圖像)。area元素總是嵌套在<map>標(biāo)簽中。注釋:<img>標(biāo)簽中的usemap屬性與map元素name,id屬性相關(guān)聯(lián),創(chuàng)建圖像與映射之間的聯(lián)系。圖像地圖注釋:area元素永遠(yuǎn)嵌套在map元素內(nèi)部。area元

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論