【正文】 黑色 Black 000000 藍(lán)色 Blue 0000FF 棕 色 brown A52A2A 青色 Cyan 00FFFF 灰色 Gray 808080 綠色 Green 008000 乳白色 Ivory FFFFF0 桔黃色 Orange FFA500 粉紅色 Pink FFC0CB 紅色 Red FF0000 白色 White FFFFFF 黃色 Yellow FFFF00 深紅色 Crimson CD061F 黃綠色 Greenyellow 99FF33 水藍(lán)色 Dodgerblue 0B6EFF 淡紫色 lavender DBDBF8 5. 注釋標(biāo)簽 ?注釋標(biāo)記的格式： !…… ?說(shuō)明： 在此標(biāo)記內(nèi)的文本都不會(huì)在瀏覽器窗口中顯示，但此標(biāo)記中的程序代碼可被執(zhí)行；一般將客戶(hù)端的程序段放在此標(biāo)記中，可以達(dá)到隱藏的效果。 3. 網(wǎng)頁(yè)頭部標(biāo)簽 ? 網(wǎng)頁(yè)頭部標(biāo)簽 head用來(lái)定義頁(yè)面頭部信息，包含標(biāo)題標(biāo)簽、 meta標(biāo)簽等； ? head標(biāo)簽的語(yǔ)法結(jié)構(gòu)如下： head頭部?jī)?nèi)容部分 /head ? 有關(guān)說(shuō)明：位于頭部的內(nèi)容一般不在網(wǎng)頁(yè)中顯示；此標(biāo)簽也必須成對(duì)使用； ? title… /title標(biāo)簽所包含的是網(wǎng)頁(yè)標(biāo)題；此標(biāo)簽必須位于 head… /head之間。 XHTML文檔的基本結(jié)構(gòu) 1. !DOCTYPE… 文檔類(lèi)型聲明 2. html和名字空間 3. 網(wǎng)頁(yè)頭部標(biāo)簽 4. 頁(yè)面主體標(biāo)簽 5. 注釋標(biāo)簽 1. !DOCTYPE… 文檔類(lèi)型聲明 ? 文檔類(lèi)型聲明將決定頁(yè)面中可以使用哪些元素和屬性及 CSS樣式能否實(shí)現(xiàn)； ? 在 XHTML DTD（文檔類(lèi)型定義）一是 過(guò)渡的 DTD，二是嚴(yán)格的 DTD，三是框架的 DTD。相對(duì)于 HTML， XHTML具有更加規(guī)范、簡(jiǎn)潔的特點(diǎn)，同時(shí)具有很好的擴(kuò)展性。 什么是 XHTML ? XHTML是可擴(kuò)展超文本標(biāo)記語(yǔ)言 (Extensible HyperText Markup Language)的英文縮寫(xiě)； 它是在 HTML的基礎(chǔ)上應(yīng)用 XML的更加規(guī)范的語(yǔ)言。目前國(guó)際上在網(wǎng)站設(shè)計(jì)中推崇的Web標(biāo)準(zhǔn)就是基于 XHTML的應(yīng)用。 ? 名字空間是 html標(biāo)簽的一個(gè)屬性，寫(xiě)在 html標(biāo)簽里面，用來(lái)定義識(shí)別頁(yè)面標(biāo)簽的網(wǎng)址，相應(yīng)代碼如下： html xmlns= 其中 xmlns即為名字空間屬性。 常用顏色的屬性，取值可用英文顏色名，也可用 “ ”引導(dǎo)的十六進(jìn)制代碼表示。 XHTML標(biāo)簽的語(yǔ)法規(guī)范 （ 1） XHTML標(biāo)簽必須包含在 中，以區(qū)別于在頁(yè)面上顯示的文本； （ 2）標(biāo)簽必須封閉。 font標(biāo)簽 ? font標(biāo)簽的格式： font face=“字體名 ” size=“字號(hào) ” color=“字體顏色 ” 被設(shè)置的文字 /font ? 說(shuō)明： face可指定字體名。 ? em標(biāo)簽：該標(biāo)簽將標(biāo)簽之間的字體加以強(qiáng)調(diào)，通常設(shè)置成鈄體字。 ? sub標(biāo)簽 (下標(biāo) )、 sup標(biāo)簽 (上標(biāo) )。 ? Pre標(biāo)簽：用來(lái)預(yù)格式化文本，可以把書(shū)寫(xiě)在它區(qū)域內(nèi)的空格、回車(chē)、換行、 tab鍵表現(xiàn)出來(lái)，而 p不能保留這些格式。 ? 有序列表標(biāo)簽應(yīng)用 有序列表標(biāo)簽應(yīng)用 html headtitle有序列表 /title /head body p align=centerfont color=blue size=4b中國(guó)文學(xué) /b/font/p ol font color=purple中國(guó)古典文學(xué) /font li紅樓夢(mèng) li三國(guó)演義 li水滸傳 li西游記 br/ /ol ol type=I font color=purple中國(guó)近代文學(xué) /font li阿 Q正傳 li圍城 li四世同堂 li家、春、秋 li type=a編輯部的故事 /ol /body /html 超級(jí)鏈接標(biāo)簽 ? 超級(jí)鏈接 標(biāo)簽 a ? 創(chuàng)建指向其他頁(yè)面的鏈接 ? 創(chuàng)建指向本頁(yè)中的鏈接 超級(jí)鏈接 標(biāo)簽 a ? 功能： a標(biāo)簽用于定義熱點(diǎn)，以在頁(yè)面上建立超級(jí)鏈接； ? 格式： a href=地址 name=字符串 target=打開(kāi)窗口方式 熱點(diǎn) /a ? 說(shuō)明： href用于指定目標(biāo)資源的有效地址。 ? 超級(jí)鏈接標(biāo)簽的格式： a href=“記號(hào)名 ” 熱點(diǎn) /a ? 書(shū)簽標(biāo)簽的格式： a name=“記號(hào)名 ” 目標(biāo)文本附近的字符串 /a ? 鏈接本頁(yè)中的文本舉例 鏈接本頁(yè)中的文本舉例 1 html headtitle學(xué)生之家 /title /head body link=red alink=blue vlink=green a name=0/a h2 align=center font color=blueb歡迎來(lái)到“ 學(xué)生之家 ” b/font/h2 font size=3 color=purple center a href=news新聞 /a amp。 font /body /html 插入圖片標(biāo)簽 ? 格式： img src=文件名 alt=說(shuō)明 width=x height=y border=n hspace=h vspace=v align=對(duì)齊方式 ? 設(shè)置圖片大小 ? 設(shè)置文本環(huán)繞圖片 ? 設(shè)置圖片與文本之間的空白 設(shè)置圖片大小 html headtitle設(shè)置圖片大小 /title /head body h2 align=center設(shè)置圖片大小 /h2 img src= alt=封面 原始大小 img src= alt=封面 width=150 height=150寬 150，高 150p img src= alt=封面 width=50% height=50%寬 50%，高 50% /body /html 設(shè)置文本環(huán)繞圖片 html headtitle設(shè)置圖片對(duì)齊方式 /title /head body h2 align=center設(shè)置圖片對(duì)齊方式 /h2 img src= width=200 height=200 align=left 如果不設(shè)置文本對(duì)圖片的環(huán)繞，圖片在頁(yè)面上會(huì)占一片空白。 br clear=left img src= width=200 height=200 align=right 使用該標(biāo)簽設(shè)置文本環(huán)繞后，將一直有效，直到遇到下一個(gè)設(shè)置標(biāo)簽。 /body /html 設(shè)置圖片與文本之間的空白 html headtitle設(shè)置圖片與文本之間的空白 /title /head body h2 align=center設(shè)置圖片與文本之間的空白 /h2 img src= width=200 height=200 align=left hspace=10 vspace=15 如果不設(shè)置文本對(duì)圖片的環(huán)繞，圖片在頁(yè)面上會(huì)占一片空白。 br clear=left img src= width=200 height=200 align=right hspace=10 vspace=15 使用該標(biāo)簽設(shè)置文本環(huán)繞后，將一直有效，直到遇到下一個(gè)設(shè)置標(biāo)簽。 br/ 其中， align的取值可為： br/ 圖片作為超級(jí)鏈接舉例 2 left圖片居左，文本在圖片的右邊。 /body /html 頁(yè)面布局標(biāo)簽 表格標(biāo)簽 div區(qū)塊標(biāo)簽 span引用定義標(biāo)簽 表格標(biāo)簽 ? 表格標(biāo)簽 ? 給表格加標(biāo)題 ? 跨行、列的表項(xiàng) ? 表項(xiàng)對(duì)齊 表格標(biāo)簽 ? 表格的標(biāo)簽是 table，表行的標(biāo)簽是 tr，表項(xiàng)的標(biāo)簽是 td，表頭標(biāo)簽是 th，文字粗體顯示。 ? 格式： table align=對(duì)齊方式 border=n width=x|x% height=y|y% trth表頭 1th表頭 2… th表頭 n trtd表項(xiàng) 1td表項(xiàng) 2… td表項(xiàng) n ……… .. trtd表項(xiàng) 1td表項(xiàng) 2… td表項(xiàng) n /table ? 表格標(biāo)簽應(yīng)用舉例 表格標(biāo)簽應(yīng)用舉例 html headtitle學(xué)生成績(jī)統(tǒng)計(jì)表 /title /head body h2 align=center學(xué)生成績(jī)統(tǒng)計(jì)表 /h2 table align=center border=3 width=480 height=140 trth學(xué)號(hào) th姓 名 th英語(yǔ) th數(shù)學(xué) th平均分 trtd001td黃 穎 td92td98td95 trtd002td常小雨 td88td82td85 trtd003td李 剛 td68td90td79 /table br/ table align=left trth學(xué)號(hào) th姓 名 th英語(yǔ) th數(shù)學(xué) th平均分 trtd001td黃 穎 td92td98td95 trtd002td常小雨 td88td82td85 trtd003td李 剛 td68td90td79 /table /body /html 給表格加標(biāo)題 ? 格式： caption align=對(duì)齊方式 valign=top|bottom標(biāo)題 /caption ? 說(shuō)明： 1.caption標(biāo)簽就包含在table… /table標(biāo)簽之間； (top)還是下部 (bottom) ? 表格加上標(biāo)題舉例 表格加上標(biāo)題舉例 html headtitle學(xué)生成績(jī)統(tǒng)計(jì)表 /title /head body table align=center border caption學(xué)生成績(jī)統(tǒng)計(jì)表 /caption trth學(xué)號(hào) th姓 名 th英語(yǔ) th數(shù)學(xué) th平均分 trtd001td黃 穎 td92td98td95 /table br/ table align=center border caption align=right學(xué)生成績(jī)統(tǒng)計(jì)表 /caption trth學(xué)號(hào) th姓 名 th英語(yǔ) th數(shù)學(xué) th平均分 trtd002td常小雨 td88td82td85 /ta