網(wǎng)頁設(shè)計(jì)-網(wǎng)頁頭部及主體標(biāo)簽_第1頁
網(wǎng)頁設(shè)計(jì)-網(wǎng)頁頭部及主體標(biāo)簽_第2頁
網(wǎng)頁設(shè)計(jì)-網(wǎng)頁頭部及主體標(biāo)簽_第3頁
網(wǎng)頁設(shè)計(jì)-網(wǎng)頁頭部及主體標(biāo)簽_第4頁
網(wǎng)頁設(shè)計(jì)-網(wǎng)頁頭部及主體標(biāo)簽_第5頁
已閱讀5頁，還剩21頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

第二講頭部及主體標(biāo)簽二.一頭部標(biāo)簽概述二.二標(biāo)題標(biāo)簽<title>二.三元信息標(biāo)簽<meta>二.四主體標(biāo)簽<body>二.一頭部標(biāo)簽概述頭部標(biāo)簽,主要用于描述當(dāng)前頁面地有關(guān)信息,如標(biāo)題,關(guān)鍵字等,所有頭部標(biāo)簽都包含在<head></head>標(biāo)簽對。一般情況下,位于頭部地內(nèi)容都不會在網(wǎng)頁上直接顯示。表二-一常用頭部標(biāo)簽標(biāo)簽描述<title>設(shè)置顯示在瀏覽器標(biāo)題欄地內(nèi)容<meta>定義文檔地字符集,關(guān)鍵字等<style>設(shè)置CSS層疊樣式表地內(nèi)容<link>設(shè)置對外部CSS文件地鏈接<script>設(shè)置頁面腳本或鏈接外部腳本文件<base>設(shè)置頁面地鏈接或源文件地基準(zhǔn)URL與鏈接目地（目地可選）二.二標(biāo)題標(biāo)簽<title>基本語法<title>…</title>語法解釋標(biāo)簽之間地內(nèi)容就是頁面地標(biāo)題作用:設(shè)置網(wǎng)頁標(biāo)題,以告訴訪客網(wǎng)頁地主題,將出現(xiàn)在網(wǎng)頁地標(biāo)題欄或選項(xiàng)卡給搜索引擎使用,作為搜索關(guān)鍵字以及搜索結(jié)果地標(biāo)題使用HTML文件標(biāo)題設(shè)置示例<!doctypehtml><html><head><metacharset="utf-八"><title>HTML文件標(biāo)題</title></head><body></body></html>二.三元信息標(biāo)簽<meta><meta>用于提供HTTP標(biāo)題信息與頁面信息地設(shè)置可以在一個(gè)頁面使用任意數(shù)量地<meta><meta>設(shè)置地內(nèi)容包括字符集,網(wǎng)頁關(guān)鍵字,網(wǎng)頁描述信息,頁面地刷新及跳轉(zhuǎn)等,這些內(nèi)容都是通過設(shè)置meta標(biāo)簽地相應(yīng)屬來實(shí)現(xiàn)表二-二<meta>標(biāo)簽常用屬屬描述http-equiv以鍵/值對地形式設(shè)置一個(gè)HTTP標(biāo)題信息,其鍵指定設(shè)置項(xiàng)目,由http-equiv屬設(shè)置,項(xiàng)目值由content屬設(shè)置name以鍵/值對地形式設(shè)置頁面描述信息,其鍵指定設(shè)置項(xiàng)目,由name屬設(shè)置,項(xiàng)目值由content屬設(shè)置content設(shè)置http-equiv或name屬所設(shè)置項(xiàng)目對應(yīng)地值charset針對HTML五頁面設(shè)置字符集設(shè)定關(guān)鍵字基本語法<metaname="keywords"content="value">語法解釋keywords定義"關(guān)鍵字"項(xiàng)目,content定義具體地關(guān)鍵字。例如:<metaname="keywords"content="Dreamweaver,Fireworks,Flash,網(wǎng)頁制作三劍客"/>設(shè)定描述基本語法<metaname="discription"content="value">語法解釋discription定義"描述"項(xiàng)目,content定義描述地內(nèi)容。例如:<metaname="discription"content="這是一個(gè)詳盡介紹網(wǎng)頁制作三劍客地網(wǎng)站"/>設(shè)定字符集基本語法一）HTML四/XHTML設(shè)置格式:<metahttp-equiv="content-type"content="text/html;charset=字符集"二）HTML五設(shè)置格式:<metacharset="字符集">語法解釋http-equiv傳送HTTP通信協(xié)議標(biāo)題頭,content-type定義設(shè)置項(xiàng)目,content定義頁面地?cái)?shù)據(jù)類型與字符集,charset設(shè)定網(wǎng)頁所使用地字符集例如:<metacharset="utf-八"><metahttp-equiv="content-type"content="text/html;charset=utf-八"/>注意:如果不設(shè)置字符集,網(wǎng)頁地文內(nèi)容將會出現(xiàn)亂碼,例如下列代碼沒有設(shè)置字符集:文標(biāo)題與內(nèi)容都出現(xiàn)亂碼了！設(shè)定自動刷新基本語法<metahttp-equiv="refresh"content="value">語法解釋http-equiv傳送HTTP通信協(xié)議標(biāo)頭,refresh定義刷新功能,content設(shè)定刷新間隔地秒數(shù)。設(shè)定自動刷新示例<!doctypehtml><html><head><metacharset="utf-八"><metahttp-equiv="refresh"content="三"><title>設(shè)定頁面地自動刷新</title></head><body><h三>本頁面每隔三秒自動刷新一次</h三></body></html>設(shè)定自動跳轉(zhuǎn)基本語法<metahttp-equiv="refresh"content="六;url=http://.一六三.">語法解釋http-equiv傳送HTTP通信協(xié)議標(biāo)題頭,refresh定義刷新功能,content設(shè)定跳轉(zhuǎn)間隔地秒數(shù)以及跳轉(zhuǎn)到地文件地址設(shè)定自動跳轉(zhuǎn)基本語法<metahttp-equiv="refresh"content="六;url=http://.sina..">語法解釋http-equiv傳送HTTP通信協(xié)議標(biāo)頭,refresh表示刷新功能,content設(shè)定跳轉(zhuǎn)間隔地秒數(shù)以及跳轉(zhuǎn)到地文件地址<!doctypehtml><html><head><metacharset="utf-八"><metahttp-equiv="refresh"content="三;url=http://.一六三."><title>設(shè)定頁面地自動跳轉(zhuǎn)</title></head><body><p>本頁面三秒鐘后跳轉(zhuǎn)到網(wǎng)易網(wǎng)站</p></body></html><base>,<style>,<link>,<script>標(biāo)簽將放在后面地超鏈接,CSS與javascript編程分別介紹二.四主體標(biāo)簽<body>頁面地主體標(biāo)簽<body>地作用有二:一是對頁面地各種屬地行設(shè)置;二是包含所有需要在瀏覽器顯示地內(nèi)容二-三<body>標(biāo)簽地屬屬描述text設(shè)定頁面正文地顏色bgcolor設(shè)定頁面背景地顏色background設(shè)定頁面地背景圖像bgproperties設(shè)定頁面地背景圖像為固定,不隨頁面地滾動而滾動link設(shè)定頁面默認(rèn)地鏈接顏色alink設(shè)定鼠標(biāo)單擊時(shí)地鏈接顏色vlink設(shè)定訪問后地鏈接顏色topmargin設(shè)定頁面地上邊距bottommargin設(shè)定頁面地底邊距l(xiāng)eftmargin設(shè)定頁面地左邊距rightmargin設(shè)定頁面地右邊距正文顏色屬text基本語法<bodytext="color_value">語法解釋color_value指定文字地顏色值。注:顏色值地書寫可以是英文顏色名或#RRGGBB表示地十六制地顏色值或RGB(R,G,B)等方式,其,R表示紅色,G表示綠色,B表示藍(lán)色。十六制表示法,R,G,B地取值分別為:零~f;RGB(R,G,B)表示法例如:R,G,B地取值分別為零~二五五。這兩種表示法都是值越大,顏色越純。所以:#零零零零ff表示藍(lán)色,RGB(零,零,二五五)也表示藍(lán)色。使用text屬設(shè)置正文顏色示例基本語法<bodytext=color_value>語法解釋color_value指定文字地顏色值。顏色值地書寫可以是英文顏色名或十六制地RGB（#號加六位十六制數(shù)如#ffffff,表示白色）兩種方式。<!doctypehtml><html><head><metacharset="utf-八"><title>設(shè)置頁面地正文顏色</title></head><bodytext="#零零零零ff"><h二align="center">設(shè)定頁面地正文顏色為藍(lán)色</h二><hrsize=三><p>本課程主要是學(xué)如何創(chuàng)建個(gè)或企業(yè)網(wǎng)站。其重點(diǎn)介紹了Web開發(fā)地核心HTML語言以及Javascript,CSS,并在此基礎(chǔ)上,介紹了網(wǎng)站建設(shè),發(fā)布,測試與維護(hù)等知識。</body></html>背景顏色屬bgcolor基本語法<bodybgcolor="color_value">語法解釋color_value指定背景顏色地值,取值與text屬地顏色值一樣。使用bgcolor屬設(shè)置頁面背景顏色示例<!doctypehtml><html><head><metacharset="utf-八"><title>設(shè)置頁面地背景顏色</title></head><bodybgcolor="#三三六六九九"text="white"><center><h二>設(shè)定頁面地背景顏色為深藍(lán)色,文字顏色為白色</h二></center></body></html>設(shè)置頁面背景圖片基本語法<bodybackground="img_file_url"bgproperties="fixed">語法解釋默認(rèn)情況下,背景圖像是不固定地,會隨著滾動條地滾動而滾動;fixed設(shè)置背景圖像為固定效果示例無固定屬設(shè)置示例有固定屬設(shè)置示例鏈接文字顏色屬link,alink及vlink基本語法<bodylink="color_value"alink="color_value"vlink="color_value">語法解釋link:設(shè)定默認(rèn)地沒有單擊過地鏈接文字顏色;alink:設(shè)定鼠標(biāo)按下鏈接文字時(shí)地鏈接文字顏色;valink:設(shè)定單擊過后地鏈接文字顏色。設(shè)置頁面鏈接文字顏色示例<!doctypehtml><html><head><metacharset="utf-八"><title>設(shè)置頁面鏈接文字地顏色</title></head><bodylink="#九九CCCC"alink="#零零FF零零"vlink="#FF六六零零"><h二>設(shè)定不同地鏈接顏色</h二><ahref="http://.baidu.">默認(rèn)地鏈接顏色</a><p><ahref="http://.microsoft.">正在按下地鏈接顏色</a><p><ahref="http://.sohu.">訪問過后地鏈接顏色</a></body></html>上,下,左,右邊距屬基本語法<bod

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(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

提交評論