第二章頭部和主體標(biāo)簽_第1頁(yè)
第二章頭部和主體標(biāo)簽_第2頁(yè)
第二章頭部和主體標(biāo)簽_第3頁(yè)
第二章頭部和主體標(biāo)簽_第4頁(yè)
第二章頭部和主體標(biāo)簽_第5頁(yè)
已閱讀5頁(yè)，還剩42頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡(jiǎn)介

第二章頭部和主體標(biāo)簽本章內(nèi)容2.1HTML標(biāo)簽與元素2.2HTML頭部?jī)?nèi)容2.3HTML主體內(nèi)容2.4顏色的設(shè)置2.1HTML標(biāo)簽與元素HTML文檔是由HTML元素構(gòu)成的文本文件。HTML元素是通過(guò)使用HTML標(biāo)簽進(jìn)行定義的。HTML標(biāo)簽是用來(lái)標(biāo)記HTML元素的。HTML標(biāo)簽被<和>符號(hào)包圍。這些包圍的符號(hào)叫作尖括號(hào)。HTML標(biāo)簽通常是成對(duì)出現(xiàn)的。例如<b>和</b>。位于起始標(biāo)簽和終止標(biāo)簽之間的文本是元素的內(nèi)容。HTML標(biāo)簽對(duì)大小寫(xiě)不敏感，<b>和<B>的作用的相同的

未來(lái)WEB標(biāo)準(zhǔn)要求HTML標(biāo)簽代碼統(tǒng)一采用小寫(xiě)示例標(biāo)簽元素<html><head>········</head><body>········</body></html>頭部（Head）主體（Body）描述瀏覽器所需的信息包含所要說(shuō)明的具體內(nèi)容

2.2HTML頭部?jī)?nèi)容2.2.1HTML頭部標(biāo)簽2.2.2<base>定義和用法2.2.3<basefont>定義和用法2.2.4<meta>定義和用法2.2.1HTML頭部標(biāo)簽標(biāo)簽含義<base>基底網(wǎng)址標(biāo)簽<basefont>基準(zhǔn)文字標(biāo)簽<title>標(biāo)題標(biāo)簽<meta>元信息標(biāo)簽<style>樣式標(biāo)簽<link>外部鏈接標(biāo)簽<script>腳本標(biāo)簽2.2.2<base>定義和用法定義和用法<base>標(biāo)簽為頁(yè)面上的所有鏈接規(guī)定默認(rèn)地址或默認(rèn)目標(biāo)。通常情況下，瀏覽器會(huì)從當(dāng)前文檔的URL中提取相應(yīng)的元素來(lái)填寫(xiě)相對(duì)URL中的空白。使用<base>標(biāo)簽可以改變這一點(diǎn)。瀏覽器隨后將不再使用當(dāng)前文檔的URL，而使用指定的基本URL來(lái)解析所有的相對(duì)URL。這其中包括<a>、<img>、<link>、<form>標(biāo)簽中的URL。<base>基本語(yǔ)法基本語(yǔ)法：

<basehref="url"target="womdow_name">語(yǔ)法解析：

href屬性指定文檔的基礎(chǔ)URL地址，該屬性在<base>標(biāo)簽中是必須存在的；Target屬性定義打開(kāi)頁(yè)面的窗口，取值如表所示：屬性值描述_parent將網(wǎng)頁(yè)加載到包含該鏈接的框架的父框架或窗口中_blank將網(wǎng)頁(yè)加載到一個(gè)新的未命名的瀏覽器窗口中_self將網(wǎng)頁(yè)加載到與鏈接相同的框架或窗口中_top將網(wǎng)頁(yè)加載到整個(gè)瀏覽器窗口中，并刪除所有框架實(shí)例（基底網(wǎng)址.htm）2.2.3<basefont>定義和用法定義和用法<basefont>標(biāo)簽可以設(shè)定基準(zhǔn)的文字字體、字號(hào)和顏色。一旦遇到頁(yè)面中其他相關(guān)標(biāo)簽未定義文字或段落的樣式時(shí)，將套用基準(zhǔn)的文字樣式。只有InternetExplorer

支持<basefont>標(biāo)簽。應(yīng)該避免使用該標(biāo)簽。在HTML4.01中，不贊成使用basefont

元素；在XHTML1.0StrictDTD中，不支持basefont

元素。<basefont>基本語(yǔ)法基本語(yǔ)法：

<basefontface="font_name1,font_name2,…"size="value"color="value">語(yǔ)法解析：

face定義了字體，多種字體間用","分開(kāi)；size定義了字號(hào)，value取值范圍為1~7或-1~-7或+1~+7；color定義了顏色，value值為英文名稱(chēng)或十六進(jìn)制代碼。實(shí)例（基準(zhǔn)文字.htm）2.2.4<meta>定義和用法定義和用法<meta>元素可提供有關(guān)頁(yè)面的元信息（meta-information），比如針對(duì)搜索引擎和更新頻度的描述和關(guān)鍵詞。<meta>標(biāo)簽位于文檔的頭部，不包含任何內(nèi)容。<meta>標(biāo)簽的屬性定義了與文檔相關(guān)聯(lián)的名稱(chēng)/值對(duì)。<meta>基本語(yǔ)法基本語(yǔ)法：

<metaname="…"content="…"><metahttp-equiv="…"content="…">語(yǔ)法解析：

meta標(biāo)簽分為兩大部分：HTTP標(biāo)題信息（http-equiv

）和頁(yè)面描述信息（name

）。http-equiv屬性http-equiv類(lèi)似于HTTP的頭部協(xié)議，他回應(yīng)給瀏覽器一些有用的信息，以幫助正確和精確的顯示網(wǎng)頁(yè)內(nèi)容。使用帶有http-equiv屬性的<meta>標(biāo)簽時(shí)，服務(wù)器將把名稱(chēng)/值對(duì)添加到發(fā)送給瀏覽器的內(nèi)容頭部。

常見(jiàn)類(lèi)型有content-type（文檔類(lèi)型）、refresh（刷新）expires（日期時(shí)間）、event（事件）等。類(lèi)型一：content-type當(dāng)服務(wù)器向?yàn)g覽器發(fā)送文檔時(shí)，會(huì)先發(fā)送許多名稱(chēng)/值對(duì)。雖然有些服務(wù)器會(huì)發(fā)送許多這種名稱(chēng)/值對(duì)，但是所有服務(wù)器都至少要發(fā)送一個(gè)：content-type:text/html。這將告訴瀏覽器準(zhǔn)備接受一個(gè)HTML文檔。<metahttp-equiv="content-type"content="text/html;charset=gb2312"

/>常用編碼類(lèi)型：

GB2312簡(jiǎn)體中文

utf-8簡(jiǎn)體中文

HZ簡(jiǎn)體中文（新加坡）

BIG5繁體中文（臺(tái)灣）

ISO-8859-1英文類(lèi)型二：refresh每隔幾秒鐘后刷新頁(yè)面內(nèi)容，不僅能夠完成頁(yè)面自身的自動(dòng)刷新，也可以實(shí)現(xiàn)頁(yè)面之間的跳轉(zhuǎn)過(guò)程。<metahttp-equiv="refresh"content="5;url=http://"/>解析：5為跳轉(zhuǎn)間隔的時(shí)間，單位為秒；url取值為跳轉(zhuǎn)后打開(kāi)的文件地址，可省略，默認(rèn)為當(dāng)前文檔地址。類(lèi)型三：cache-control禁止客戶端瀏覽器緩存網(wǎng)頁(yè)內(nèi)容。<metahttp-equiv="cache-control"content="no-cache"/>解析：cache-control為緩存控制，content中定義了禁止緩存功能。類(lèi)型四：expires設(shè)定網(wǎng)頁(yè)在客戶端瀏覽器緩存的有效期限。<metahttp-equiv="expires

"content="星期,日月年時(shí)分秒gmt"/>解析：expires為緩存期限，content中定義了到期時(shí)間，其內(nèi)為標(biāo)準(zhǔn)格式，都使用英文和數(shù)字進(jìn)行設(shè)定，如："fri,31dec2010114005"，則到期時(shí)間為2010年12月31日星期五上午11點(diǎn)40分05秒。注意：必須使用GMT的時(shí)間格式，或直接設(shè)為數(shù)字(表示多少秒后過(guò)期)。類(lèi)型五：轉(zhuǎn)場(chǎng)效果(IE)轉(zhuǎn)場(chǎng)效果即網(wǎng)頁(yè)過(guò)渡，進(jìn)入或離開(kāi)網(wǎng)頁(yè)時(shí)的切換效果。<metahttp-equiv="event

"content="revealtrans(duration=value,transition=number)

"/>解析：event為轉(zhuǎn)場(chǎng)效果事件名稱(chēng)，取值有：enter/exit(進(jìn)入/退出本網(wǎng)頁(yè)時(shí)有網(wǎng)頁(yè)過(guò)渡效果)；duration設(shè)定轉(zhuǎn)場(chǎng)效果持續(xù)時(shí)間，最大可設(shè)為30秒；transition為過(guò)渡效果的編號(hào)，可設(shè)置24種切換效果，取值范圍為0~23。過(guò)渡效果表效果效果編號(hào)效果效果編號(hào)盒狀收縮0向左擦除6盒狀展開(kāi)1向右擦除7圓形收縮2垂直百葉窗8圓形展開(kāi)3水平百葉窗9向上擦除4橫向棋盤(pán)式10向下擦除5縱向棋盤(pán)式11過(guò)渡效果表（續(xù)表）效果效果編號(hào)效果效果編號(hào)溶解12階梯狀向左上展開(kāi)18左右向中部收縮13階梯狀向右下展開(kāi)19中部向左右展開(kāi)14階梯狀向右上展開(kāi)20上下向中部收縮15隨機(jī)線條21中不向上下展開(kāi)16隨機(jī)垂直線條22階梯狀向左下展開(kāi)17隨機(jī)23類(lèi)型六：淡入淡出效果(IE)實(shí)現(xiàn)網(wǎng)頁(yè)以淡入淡出效果進(jìn)行切換。<metahttp-equiv="event

"content="blendtrans(duration=value)

"/>解析：event為轉(zhuǎn)場(chǎng)效果事件名稱(chēng)，取值有：enter/exit(進(jìn)入/退出本網(wǎng)頁(yè)時(shí)有網(wǎng)頁(yè)過(guò)渡效果)；duration設(shè)定轉(zhuǎn)場(chǎng)效果持續(xù)時(shí)間，最大可設(shè)為30秒；。name屬性name屬性主要用于描述網(wǎng)頁(yè)內(nèi)容。與之對(duì)應(yīng)的屬性值為content，content中的內(nèi)容主要是便于搜索引擎機(jī)器人查找信息和分類(lèi)信息用的。常見(jiàn)類(lèi)型有Keywords、description、robots、author、generator等。類(lèi)型一：Keywordskeywords用來(lái)告訴搜索引擎你網(wǎng)頁(yè)的關(guān)鍵字是什么。便于搜索引擎搜索網(wǎng)頁(yè)，關(guān)鍵字之間要用逗號(hào)分割。Google建議Keywords的字符數(shù)串不超過(guò)20個(gè)。

<metaname="keywords

"content="value1,value2,value3"/>類(lèi)型二：description

description用來(lái)告訴搜索引擎你的網(wǎng)站主要內(nèi)容。Description詳細(xì)信息（Google建議Description的字符數(shù)不超過(guò)200個(gè)）。<metaname="description

"content="value1,value2,value3"/>類(lèi)型三：robotsrobots用來(lái)告訴搜索機(jī)器人哪些頁(yè)面需要索引，哪些頁(yè)面不需要索引。<metaname="robots

"content="all

"/>content的參數(shù)有all,none,index,noindex,follow,nofollow，默認(rèn)是all。

并不是所有的搜索引擎都支持這個(gè)tag，它們共同支持一個(gè)功能更強(qiáng)的，叫做robots.txt的文本文件來(lái)達(dá)到上述功能。

類(lèi)型四：author說(shuō)明：標(biāo)注網(wǎng)頁(yè)的作者。<metaname="author

"content="作者名字

"/>舉例：<metaname="author"content="sdxhbm@

">。

類(lèi)型五：generator說(shuō)明：標(biāo)注設(shè)計(jì)網(wǎng)頁(yè)的編輯器。<metaname="generator

"content="編輯器名稱(chēng)

"/>舉例：<metaname="author"content="notepad">。

綜合應(yīng)用2.3HTML主體內(nèi)容2.3.1主體標(biāo)簽<body>2.3.2正文顏色2.3.3鏈接顏色2.3.4背景2.3.5邊距2.3.1主體標(biāo)簽<body>定義和用法在<body>和</body>中放置的是頁(yè)面中所有的內(nèi)容，如圖片、文字、表格、表單、超鏈接等設(shè)置。。<body>標(biāo)簽有自己的屬性，設(shè)置<body>標(biāo)簽內(nèi)的屬性，可控制整個(gè)頁(yè)面的顯示方式?；菊Z(yǔ)法：<bodyattribute="…">。語(yǔ)法解析：attribute指body標(biāo)簽的屬性名，如定義文字顏色、背景顏色、背景圖片等。Body標(biāo)簽屬性表屬性描述text設(shè)置頁(yè)面文字的顏色link設(shè)置初始的鏈接顏色alink設(shè)置鼠標(biāo)單擊時(shí)的鏈接顏色vlink設(shè)置訪問(wèn)后的鏈接顏色background設(shè)置頁(yè)面背景圖像（在css中設(shè)置重復(fù)屬性）bgcolor設(shè)置頁(yè)面背景顏色bgproperties設(shè)置頁(yè)面背景圖像為固定，不隨頁(yè)面的滾動(dòng)而滾動(dòng)Body標(biāo)簽屬性表（續(xù)）屬性描述leftmargin設(shè)置頁(yè)面的左邊距topmargin設(shè)置頁(yè)面的上邊距rightmargin設(shè)置頁(yè)面的右邊距bottommargin設(shè)置頁(yè)面的下邊距2.3.2正文顏色設(shè)定頁(yè)面文字顏色的body標(biāo)簽的屬性：text

。作用范圍：頁(yè)面中所有的未單獨(dú)進(jìn)行定義顏色的文字。

<bodytext="color_value">color_value取值為顏色英文單詞或十六進(jìn)制值，如"red/#FF0000"

。2.3.3鏈接顏色與頁(yè)面鏈接顏色相關(guān)的body標(biāo)簽的屬性有：link、alink

、vlink

。link

定義默認(rèn)的沒(méi)有點(diǎn)擊過(guò)的初始鏈接文字顏色，alink

定義鼠標(biāo)點(diǎn)擊鏈接文字時(shí)的鏈接文字顏色，vlink定義點(diǎn)擊過(guò)后的鏈接文字顏色。

<bodylink="color_value"alink="color_value"

vlink="color_value">color_value取值為顏色英文單詞或十六進(jìn)制值，如"red/#FF0000"

。2.3.4背景與頁(yè)面背景相關(guān)的body標(biāo)簽的屬性有：bgcolor

、background、bgproperties

。bgcolor定義頁(yè)面的顏色，background定義頁(yè)面的背景圖像，bgproperties定義背景屬性。

<bodybgcolor="color_value"background="img_file_url"

bgproperties="fixed">color_value取值為顏色英文單詞或十六進(jìn)制值，如“

red/#FF0000”

；img_file_url指圖片文件所在的路徑，即指向圖像文件所在位置的地址；通過(guò)bgproperties

定義了背景屬性，fixed設(shè)為固定效果。2.3.5邊距與頁(yè)面邊距相關(guān)的body標(biāo)簽屬性有：leftmargin

、rightmargin

、topmargin、bottommargin

。leftmargin

、rightmargin

、topmargin、bottommargin分別定義頁(yè)面左邊距、右邊距、上邊距、下邊距，即內(nèi)容和瀏覽器左部、右部、上部、下部邊框之間的距離。

<bodyleftmargin="value"rightmargin="value"

topmargin="vlaue"bottommargin="value">value取值為數(shù)字，默認(rèn)單位為像素。2.4顏色的設(shè)置1、顏色值：關(guān)鍵字（英文單詞）或RGB格式的數(shù)字2、顏色：由"red"、"green"、"blue"三原色組成3、在HTML中還可用十六進(jìn)位數(shù)置義顏色4、HTML分別給予兩個(gè)十六進(jìn)位去置義三原色，每個(gè)原色可有256種彩度，故三原色可混合成16777216（25

溫馨提示

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

最新文檔

評(píng)論

0/150

提交評(píng)論