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

下載本文檔

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

文檔簡介

頭部和主體標(biāo)簽第一頁，共四十四頁，2022年，8月28日本章內(nèi)容2.1HTML標(biāo)簽與元素2.2HTML頭部內(nèi)容2.3HTML主體內(nèi)容2.4顏色的設(shè)置第二頁，共四十四頁，2022年，8月28日2.1HTML標(biāo)簽與元素HTML文檔是由HTML元素構(gòu)成的文本文件。HTML元素是通過使用HTML標(biāo)簽進(jìn)行定義的。HTML標(biāo)簽是用來標(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ì)大小寫不敏感，<b>和<B>的作用的相同的未來WEB標(biāo)準(zhǔn)要求HTML標(biāo)簽代碼統(tǒng)一采用小寫第三頁，共四十四頁，2022年，8月28日示例標(biāo)簽元素第四頁，共四十四頁，2022年，8月28日<html><head>········</head><body>········</body></html>頭部（Head）主體（Body）描述瀏覽器所需的信息包含所要說明的具體內(nèi)容

第五頁，共四十四頁，2022年，8月28日2.2HTML頭部內(nèi)容2.2.1HTML頭部標(biāo)簽2.2.2<base>定義和用法2.2.3<basefont>定義和用法2.2.4<meta>定義和用法第六頁，共四十四頁，2022年，8月28日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)簽第七頁，共四十四頁，2022年，8月28日2.2.2<base>定義和用法定義和用法<base>標(biāo)簽為頁面上的所有鏈接規(guī)定默認(rèn)地址或默認(rèn)目標(biāo)。通常情況下，瀏覽器會(huì)從當(dāng)前文檔的URL中提取相應(yīng)的元素來填寫相對(duì)URL中的空白。使用<base>標(biāo)簽可以改變這一點(diǎn)。瀏覽器隨后將不再使用當(dāng)前文檔的URL，而使用指定的基本URL來解析所有的相對(duì)URL。這其中包括<a>、<img>、<link>、<form>標(biāo)簽中的URL。第八頁，共四十四頁，2022年，8月28日<base>基本語法基本語法：

<basehref="url"target="womdow_name">語法解析：

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

支持<basefont>標(biāo)簽。應(yīng)該避免使用該標(biāo)簽。在HTML4.01中，不贊成使用basefont元素；在XHTML1.0StrictDTD中，不支持basefont元素。第十一頁，共四十四頁，2022年，8月28日<basefont>基本語法基本語法：

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

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

<metaname="…"content="…"><metahttp-equiv="…"content="…">語法解析：

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

）和頁面描述信息（name

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

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

/>第十七頁，共四十四頁，2022年，8月28日常用編碼類型：

GB2312簡體中文

utf-8簡體中文

HZ簡體中文（新加坡）

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

ISO-8859-1英文第十八頁，共四十四頁，2022年，8月28日類型二：refresh每隔幾秒鐘后刷新頁面內(nèi)容，不僅能夠完成頁面自身的自動(dòng)刷新，也可以實(shí)現(xiàn)頁面之間的跳轉(zhuǎn)過程。<metahttp-equiv="refresh"content="5;url="/>解析：5為跳轉(zhuǎn)間隔的時(shí)間，單位為秒；url取值為跳轉(zhuǎn)后打開的文件地址，可省略，默認(rèn)為當(dāng)前文檔地址。第十九頁，共四十四頁，2022年，8月28日類型三：cache-control禁止客戶端瀏覽器緩存網(wǎng)頁內(nèi)容。<metahttp-equiv="cache-control"content="no-cache"/>解析：cache-control為緩存控制，content中定義了禁止緩存功能。第二十頁，共四十四頁，2022年，8月28日類型四：expires設(shè)定網(wǎng)頁在客戶端瀏覽器緩存的有效期限。<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ù)字(表示多少秒后過期)。第二十一頁，共四十四頁，2022年，8月28日類型五：轉(zhuǎn)場效果(IE)轉(zhuǎn)場效果即網(wǎng)頁過渡，進(jìn)入或離開網(wǎng)頁時(shí)的切換效果。<metahttp-equiv="event

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

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

"content="blendtrans(duration=value)

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

<metaname="keywords

"content="value1,value2,value3"/>第二十七頁，共四十四頁，2022年，8月28日類型二：description

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

"content="value1,value2,value3"/>第二十八頁，共四十四頁，2022年，8月28日類型三：robotsrobots用來告訴搜索機(jī)器人哪些頁面需要索引，哪些頁面不需要索引。<metaname="robots

"content="all

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

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

第二十九頁，共四十四頁，2022年，8月28日類型四：author說明：標(biāo)注網(wǎng)頁的作者。<metaname="author

"content="作者名字

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

第三十頁，共四十四頁，2022年，8月28日類型五：generator說明：標(biāo)注設(shè)計(jì)網(wǎng)頁的編輯器。<metaname="generator

"content="編輯器名稱

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

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

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

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

。第三十七頁，共四十四頁，2022年，8月28日2.3.3鏈接顏色與頁面鏈接顏色相關(guān)的body標(biāo)簽的屬性有：link、alink、vlink

。link

定義默認(rèn)的沒有點(diǎn)擊過的初始鏈接文字顏色，alink定義鼠標(biāo)點(diǎn)擊鏈接文字時(shí)的鏈接文字顏色，vlink定義點(diǎn)擊過后的鏈接文字顏色。

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

。第三十八頁，共四十四頁，2022年，8月28日2.3.4背景與頁面背景相關(guān)的body標(biāo)簽的屬性有：bgcolor、background、bgproperties

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

<bodybgcolor="color_value"background="img_file_url"bgproperties="fixed">color_value取值為顏色英文單詞或十六進(jìn)制值，如“red/#FF0000”

；img_file_url指圖片文件所在的路徑，即指向圖像文件所在位置的地址；通過bgproperties定義了背景屬性，fixed設(shè)為固定效果。第三十九頁，共四十四頁，2022年，8月28日2.3.5邊距與頁面邊距相關(guān)的body標(biāo)簽屬性有：leftmargin、rightmargin、topmargin、bottommargin

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

<bodyleftmargin="value"rightmargin="value"topmargi

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(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ǔ)空間，僅對(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)論