第二章HTML語言

1、第二章HTML語言2.1 HTML語言簡(jiǎn)介nHTML特點(diǎn)文件短小，易于傳輸和顯示獨(dú)立于平臺(tái)，多平臺(tái)兼容標(biāo)記大多采用“雙邊”，成對(duì)出現(xiàn)（前面的為頭標(biāo)“Opening Tag”或開始標(biāo)記，后面的為尾標(biāo)“Closing Tag”或結(jié)束標(biāo)記，如This is a title n局限性標(biāo)識(shí)的限制格式編排不方便n書寫工具:文本編輯器2.HTML文檔的基本結(jié)構(gòu) 頭部信息 文檔正文 HTML網(wǎng)頁的基本組成網(wǎng)頁的基本組成 用于定義網(wǎng)頁的標(biāo)題。（3） 正文標(biāo)記符。包含Web頁所有顯示內(nèi)容。注：網(wǎng)頁正文內(nèi)容必須放在這兩個(gè)標(biāo)記符之間。（1）HTML標(biāo)記符均是用括起來的。大多數(shù)是成對(duì)出現(xiàn)和使用的。 格式： 文本 （2）

2、很多標(biāo)記擁有自己的屬性。利用屬性可進(jìn)一步詳細(xì)設(shè)置。文本各屬性間用空格分隔，屬性值可用“ ”或 括起來，也可以不用。例：網(wǎng)頁設(shè)計(jì)（3） HTML標(biāo)記可嵌套使用，實(shí)現(xiàn)從不同角度對(duì)文本進(jìn)行格式控制。但在使用嵌套時(shí)不能發(fā)生交叉嵌套。例：網(wǎng)頁設(shè)計(jì)網(wǎng)頁設(shè)計(jì)（4）有些標(biāo)記符是單獨(dú)使用的如： （5） 注釋標(biāo)記 2.2 HTML中常用標(biāo)記色彩名十六進(jìn)制值色彩名十六進(jìn)制值A(chǔ)qua水藍(lán)色#00FFFFNavy青色#000080Black黑色#000000Olive茶青色#808000Blue藍(lán)色#0000FFPurple紫色#800080Fuchsia櫻桃色#FF00FFRed紅色#FF0000Gray灰色#808

3、080Silver銀色#C0C0C0Green綠色#008000Teal茶色#008080Lime石灰色#00FF00White白色#FFFFFFMaroon褐紅色#800000Yellow黃色#FFFF00RRGGBB表示顏色在在 HTML 中，顏色或者表示成十六進(jìn)制值或者表示中，顏色或者表示成十六進(jìn)制值或者表示為顏色名稱為顏色名稱 。網(wǎng)頁安全色 n網(wǎng)頁安全色是指以 256 色模式運(yùn)行時(shí)，無論在 Windows 還是在 Macintosh 系統(tǒng)中，在 NE和 IE中的顯示相同的顏色。傳統(tǒng)經(jīng)驗(yàn)是，有 216 種常見顏色，而且任何結(jié)合了 00、33、66、99、CC 或 FF 對(duì)（RGB 值分別

4、為 0、51、102、153、204 和 255）的十六進(jìn)制值都代表網(wǎng)頁安全色。n但測(cè)試顯示僅有 212 種網(wǎng)頁安全色而不是全部 216 種，原因在于 IE不能正確呈現(xiàn)顏色 #0033FF (0,51,255)、#3300FF (51,0,255)、#00FF33 (0,255,51) 和 #33FF00 (51,255,0)。n分段標(biāo)記符 用于將文檔劃分為段落，標(biāo)記為和，其中結(jié)束標(biāo)記符通常可以省略 n換行標(biāo)記符 用于在文檔中強(qiáng)制斷行，標(biāo)記為一個(gè)單獨(dú)的（5）畫線（6）特殊字符的顯示 >& & ©1）Web頁圖像格式 GIF、JPEG、PN

5、G1）創(chuàng)建外部鏈接2）創(chuàng)建內(nèi)部鏈接（創(chuàng)建標(biāo)簽鏈接） 3）創(chuàng)建電子郵件鏈接。（1）嵌入多媒體文件（2）播放背景音樂若要無限制循環(huán)播放，則Loop設(shè)為infinite或-1標(biāo)記應(yīng)放置在中使用。2.3 CSS概述nCSS (Cascading Style Sheet) 層疊樣式表，它是用于控制網(wǎng)頁樣式并允許將樣式信息與網(wǎng)頁內(nèi)容分離的一種標(biāo)記性語言。nCSS是1996年由W3C審核通過，并推薦使用n其目標(biāo)是為了使HTML語言能夠更好地適應(yīng)頁面的美工設(shè)計(jì)。它以HTML語言為基礎(chǔ)，提供了豐富的格式化功能。2.3.1 CSS優(yōu)點(diǎn)1、格式和結(jié)構(gòu)分離2、準(zhǔn)確控制頁面布局3、減小網(wǎng)頁的大小4、網(wǎng)頁更新更快捷2.3

6、.2 CSS語法說明nCSS是一種簡(jiǎn)單、易懂、易用的語言nCSS是一個(gè)獨(dú)立的文件（.css)n許多常用字處理軟件支持CSS功能CSS語法規(guī)則n樣式表實(shí)質(zhì)就是一組規(guī)則nCSS有三部分構(gòu)成：選擇符、屬性、屬性值nCSS語法格式為： Selector屬性名稱:屬性值;屬性名稱:屬性值;舉例Author(font-family: “宋體宋體”;font-size:12pt;color:red)選擇符屬性名屬性值1、標(biāo)記選擇符 任何HTML標(biāo)記都可以是一個(gè)CSS的選擇符。用來聲明哪些標(biāo)記采用哪些樣式。例：h1 color:red; font-size:25px; 2、類選擇符 在HTML文件中一個(gè)標(biāo)簽可

7、以有不同的類，因而允許同一元素有不同的樣式。標(biāo)記類選擇符語法：標(biāo)簽.類名 樣式定義例：b.red color:red; 獨(dú)立類選擇符語法：.類名樣式定義 .green color:green;3、ID選擇符與獨(dú)立類選擇符的使用方法基本相同，不同之處在于ID選擇符在HTML頁面中使用一次，因此針對(duì)性更強(qiáng)。語法：#ID名稱 樣式定義例：#menu color=blue; 4、關(guān)聯(lián)選擇符（包含選擇符）用空格隔開的兩個(gè)或多個(gè)單一選擇符組成的字符串。在應(yīng)用時(shí)，必須按指定順序才可以顯示出定義的樣式。例：b i color:red;在應(yīng)用時(shí)，只有用.,樣式有效。用.樣式無效。5、選擇符分組（集體聲明）為了減少樣式重復(fù)聲明，可以將各選擇符用逗號(hào)隔開進(jìn)行組合的選擇符聲明。語法：選擇符a,選擇符b,選擇符c樣式定義6、定位錨偽類A:linkA:visitedA:hoverA:active一些常用的CSS屬性1、CSS中的單位n長(zhǎng)度n顏色2、字體屬性font-family、font-style、font-variant、font-weight、font-size3、文本屬性4、背景屬性5、定位屬性6、尺寸屬性7、布局屬性2.3.3 CSS樣式表的使用nCSS在HTML文檔中的使用方式有三種：1、鏈接式CSS的使用在頭部標(biāo)