1、第八章 HTML語言,HTML是一種標(biāo)記語言，而不是程序設(shè)計(jì)語言。它將具有特定含義的標(biāo)記嵌入到文檔中，來描述文檔的格式。這種標(biāo)記經(jīng)過瀏覽器的解釋使文檔特定的形式顯示出來。,8.1 HTML標(biāo)記語法和文檔的結(jié)構(gòu),HTML文件的開始和結(jié)束標(biāo)記： 出現(xiàn)在瀏覽器標(biāo)題欄里的文本的開始和結(jié)束標(biāo)記： ,8.1.1 頁面的結(jié)構(gòu),每個(gè)HTML頁面（.htm或.html文件）都由四個(gè)部分構(gòu)成： 標(biāo)題欄內(nèi)容 出現(xiàn)在瀏覽器窗口的內(nèi)容 ,8.1.2 創(chuàng)建簡(jiǎn)單的web頁面,創(chuàng)建工具: 文本編輯器(如:記事本) 網(wǎng)頁制作工具(如:dreamweaver) 瀏覽工具:瀏覽器(如:IE瀏覽器),8.1.2 創(chuàng)建一個(gè)簡(jiǎn)單的web

2、頁面,1、標(biāo)題標(biāo)記(成對(duì)) 一級(jí)標(biāo)題 二級(jí)標(biāo)題 三級(jí)標(biāo)題 四級(jí)標(biāo)題 五級(jí)標(biāo)題 六級(jí)標(biāo)題,2、換行標(biāo)記(單獨(dú)) 3、段落標(biāo)記(成對(duì)/單獨(dú)) 4、無序列表標(biāo)記 (成對(duì)) (單獨(dú)) ,5、有序列表標(biāo)記(成對(duì)) (單獨(dú)) ,6、定義性列表標(biāo)記 (成對(duì)) (單獨(dú)) (單獨(dú)) ,8.2 常用的HTML標(biāo)記,8.2.1 添加圖形 1、水平線標(biāo)記 (單獨(dú)) 有Size,width,align,noshade等屬性. 2、插入圖形文件標(biāo)記 (單獨(dú)) 最重要的屬性src,還有width,align,vspace,hspace,border. 3、添加背景屬性 4、其他常用屬性：Text,link,alink,vl

3、ink 默認(rèn)情況下：link=blue，alink=red，vlink=purple,鏈接字(成對(duì)) 作用:鏈接另一個(gè)網(wǎng)頁或本網(wǎng)頁的其他部分. 鏈接字:可以是文本或圖片等. 最重要的屬性:href. 鏈接字 資源地址:可是絕對(duì)地址,如:” 可是相對(duì)地址:如:”2.htm” 本網(wǎng)頁某部分的標(biāo)記:如:”#a”,8.2.2 添加超鏈接,8.2.3 格式化文本,1、 屬性：size（17），color，face 2、粗體 斜體 下劃線 3、 屬性：face，size，color,8.3 圖象,1、GIF圖象 GIF支持8位顏色，總含256種顏色。 2、JPEG或JPG圖象 JPEG或JPG支持24位顏

4、色，總含1.67107 種顏色。 3、對(duì)比,4、PNG圖象 特點(diǎn)：不支持動(dòng)畫，無損壓縮，支持全色。,8.4 表格,表格用于頁面布局，將數(shù)據(jù)以行和列的格式進(jìn)行組織。 8.4.1 表格 表格標(biāo)題 表格頭 單元格 屬性：border,bgcolor,width,height,align,valign,8.4.2 跨越多行或多列的單元格,使用rowspan屬性實(shí)現(xiàn)跨越多行； 使用colspan屬性實(shí)現(xiàn)跨越多列,8.5 框架,每個(gè)框架（frame）對(duì)應(yīng)一個(gè)html文件； 所謂框架頁面，就是將多個(gè)web頁面在一個(gè)瀏覽器窗口中顯示 frameset . . . frameset,Frameset的屬性： C

5、ols，rows 例如：frameset cols=“10%,20%,70%” frameset cols=“*,*,*” Frame的屬性： Src，name，scrolling，noresize等 例如：framessrc“1.htm” name=“a1”,8.5.2 ,在不支持框架的瀏覽器中使用,8.5.3 的target屬性, ,8.5.4 浮動(dòng)框架, Width,height,src,name,frameborder,8.6 音頻,8.6.1音頻 在網(wǎng)頁中包含音頻文件的方法： 點(diǎn)播音樂：歌曲名 自動(dòng)載入歌曲： IE背景歌曲： 標(biāo)記： ,8.6.2 視頻,在網(wǎng)頁中包含視頻的方法： 點(diǎn)播

6、視頻： 自動(dòng)載入： 標(biāo)記： 例如： ,8.7 動(dòng)畫,8.7.1 GIF動(dòng)畫 使用圖片方式來包含GIF動(dòng)畫 例如： 8.7.2 Flash 例如： object /object,8.8 樣式表CSS,CSS層疊樣式表技術(shù)是一種格式化網(wǎng)頁的標(biāo)準(zhǔn)方式可對(duì)頁面的布局，字體，顏色，背景，和其他效果實(shí)現(xiàn)精確控制 CSS的特點(diǎn)： 格式和結(jié)構(gòu)分離； 頁面布局能力強(qiáng)； 可有多個(gè)網(wǎng)頁使用同一CSS；,8.8.1 添加樣式表,樣式表由一組規(guī)則構(gòu)成，規(guī)則寫法如下： Selectorproperty1:value; proterty2:value; 例如：定義H1標(biāo)記的規(guī)則 H1color:red,1、連接到一個(gè)外部樣式表 通過標(biāo)記部分的link元素連接。 例如： ,、嵌入一個(gè)樣式表 ,3、輸入一個(gè)樣式表,、內(nèi)聯(lián)樣式,、class屬性,、id屬性,、span元素,、div元素,8.8.2CSS屬性,、font 、text 、List 、Color 、Background 、Box,8.8.3使用CSS定位,8.9,8.9.1創(chuàng)建表單,兩步： （）創(chuàng)建表單的布局； （）在服務(wù)器端編寫腳本程序處理從表單獲得的信息。 ,8.9.2標(biāo)記的屬性,Act