高二信息技術(shù)復(fù)習(xí)3.ppt

HTML詳解,高二年級(jí)信息技術(shù)復(fù)習(xí),HTML要求,能讀懂普通網(wǎng)頁(yè)的源代碼，并能根據(jù)要求在文本編輯器中對(duì)源代碼作適當(dāng)修改。,HTML元素的三種表示方法,1、文件或超文本 2、文件或超文本 3、 注意：方法3僅用于一些特殊的標(biāo)簽表示，例如換行標(biāo)簽，它僅僅通知瀏覽器在此處換行，因而不需要界定作用范圍，所以它沒(méi)有結(jié)束標(biāo)記。,1、基本結(jié)構(gòu) 一般HTML文件分為兩大部分：頭部信息和主體標(biāo)記,HTML應(yīng)知的標(biāo)記及屬性設(shè)置方法,1、基本結(jié)構(gòu) （1）頭部信息： 頭部的代碼主要用來(lái)為網(wǎng)頁(yè)的瀏覽及網(wǎng)頁(yè)中程序代碼的執(zhí)行提供準(zhǔn)備。 （2）主體標(biāo)記： 主體標(biāo)記間的內(nèi)容是HTML文件的主體部分，在網(wǎng)頁(yè)被瀏覽時(shí)，這部分內(nèi)容將在瀏覽器主窗口中顯示。其常用屬性及設(shè)置方法如下：,HTML應(yīng)知的標(biāo)記及屬性設(shè)置方法,HTML應(yīng)知的標(biāo)記及屬性設(shè)置方法,2、文字設(shè)置 （1）標(biāo)題級(jí)別 （n=1、2、3、4、5、6） 對(duì)齊方式：align=對(duì)齊方式，三種方式：left,right,center. 例如：網(wǎng)絡(luò)技術(shù)應(yīng)用 （2）字體設(shè)置： 文本顯示的特征（大小、字體、色彩等），常用的屬性有： size=n (n=1、2、3、4、5、6、7) color 設(shè)置文本的色彩 face 設(shè)置文本的字體 例如：常用教學(xué)網(wǎng)址 （3）其他標(biāo)記 文本加粗 文本加下劃線 文字斜體,HTML應(yīng)知的標(biāo)記及屬性設(shè)置方法,3、表格設(shè)置 （1）表格結(jié)構(gòu) 1_1 1_2 2_1 2_2 3_1 3_2 ,HTML應(yīng)知的標(biāo)記及屬性設(shè)置方法,一個(gè)表格從標(biāo)記開(kāi)始，到標(biāo)記結(jié)束。其主要屬性為：,HTML應(yīng)知的標(biāo)記及屬性設(shè)置方法,和主要屬性 ：,HTML應(yīng)知的標(biāo)記及屬性設(shè)置方法,和主要屬性 ：,HTML應(yīng)知的標(biāo)記及屬性設(shè)置方法,5、背景聲音設(shè)置 當(dāng)loop取值為-1或infinite時(shí)聲音會(huì)無(wú)限次重播。 6、視頻設(shè)置 ，常用屬性：,HTML應(yīng)知的標(biāo)記及屬性設(shè)置方法,7、框架設(shè)置 （1）縱向排列多個(gè)窗口示例： ,（2）橫向排列多個(gè)窗口示例 ,（3）縱橫排列多個(gè)窗口示例 ,HTML應(yīng)知的標(biāo)記及屬性設(shè)置方法,（4）frameset 框架主要屬性,（5）frame 子窗口主要屬性,HTML應(yīng)知的標(biāo)記及屬性設(shè)置方法,8、超級(jí)鏈接 通過(guò)文字鏈接到另一頁(yè)面： 鏈接文字 通過(guò)圖片鏈接到另一頁(yè)面： 書(shū)簽鏈接： 定義書(shū)簽： 書(shū)簽文字 鏈接到本頁(yè)面中的書(shū)簽： 鏈接文字 鏈接到另一頁(yè)面中的書(shū)簽： 鏈接文字 9、表單 ,HTML應(yīng)知的標(biāo)記及屬性設(shè)置方法,10、滾動(dòng)字幕 ,11、 SPAN標(biāo)簽作用是方便對(duì)給出樣式通用類(lèi)定義進(jìn)行引用，無(wú)須將樣式通用類(lèi)附加在HTML的其他標(biāo)簽上。SPAN的存在純粹是應(yīng)用樣式，所以當(dāng)樣式表失效時(shí)它就沒(méi)有任何的作用。使用方法參見(jiàn)“CSS樣式表”講義的試題練習(xí)中單選題的第3題。 互聯(lián)網(wǎng)上有大量免費(fèi)軟件和共享軟件。,補(bǔ)充材料,1、CSS常用屬性 color：設(shè)置文字顏色 font-family:：設(shè)置文字字體 font-style：設(shè)置文字樣式，斜體取值italic font-weight：設(shè)置文字的粗細(xì)，加粗取值bold font-size：設(shè)置文字大小，12磅取值12 pt font-decoration：修飾文本字體，帶下劃線取值underline text-indent：設(shè)置文本縮進(jìn)，縮進(jìn)兩個(gè)漢字取值2 em text-align：設(shè)置文本對(duì)齊方式,補(bǔ)充材料,2、色彩表示 色彩表示有三種方式： （1）使用十六進(jìn)制數(shù)#rrggbb， （2）使用RGB函數(shù)， （3）使用顏色名稱(chēng) 例如紅色，可以用#ff0000表示，也可以用rgb(255,0,0)表示，也可以用red表示 RGB函數(shù)：rgb(r,g,b)，其實(shí)r、g、b都是十進(jìn)制數(shù)，取值0-255，超出范圍的數(shù)值將被截至其最接近的取值極限,補(bǔ)充材料,3、注釋語(yǔ)句 HTML的注釋語(yǔ)句為 JavaScript的注釋語(yǔ)句用 / 開(kāi)始 注釋語(yǔ)句在文件中起到說(shuō)明作用，但是在文件執(zhí)行過(guò)程中是被忽略的。所以在代碼中，千萬(wàn)不能將要被執(zhí)行的語(yǔ)句放在注釋語(yǔ)句中（CSS代碼例外）。 用在CSS代碼中有特殊的作用 4、常用單位 px 像素 pt 磅 em 字符,HTML詳解試題練習(xí)單選題,1、下列關(guān)于HTML語(yǔ)言描述不正確的是（ ） A、FrontPage是制作網(wǎng)頁(yè)的軟件，它和HTML無(wú)關(guān) B、HTML語(yǔ)言中可以嵌入如ASP、JAVA等編程語(yǔ)言. C、HTML語(yǔ)言是通過(guò)一系列特定的標(biāo)記來(lái)標(biāo)識(shí)出相應(yīng)的意義和作用的 D、HTML文檔本身就是文本格式的文件,A,HTML詳解試題練習(xí)單選題,2、超文本標(biāo)記語(yǔ)言 新浪網(wǎng)的作用是（ ） A、創(chuàng)建一個(gè)指向新浪網(wǎng)的電子郵件 B、插入一幅新浪網(wǎng)的圖片 C、創(chuàng)建一個(gè)指向新浪網(wǎng)的超級(jí)鏈接 D、插入一段新浪網(wǎng)的文字,C,通過(guò)文字鏈接,HTML詳解試題練習(xí)單選題,3、在HTML語(yǔ)言中，用于定義超級(jí)鏈接的標(biāo)記是（ ） A、 B、 C、鏈接源 D、,C,HTML詳解試題練習(xí)單選題,4、為了標(biāo)識(shí)一個(gè)HTML文件，應(yīng)該使用的HTML標(biāo)記是（ ） A、 B、 C、 D、,B,HTML詳解試題練習(xí)單選題,5、HTML語(yǔ)言中，表格標(biāo)記符是（ ） A、 B、 C、 D、,D,HTML詳解試題練習(xí)單選題,6、下面哪幾段代碼是正確的（ ） A、 .abcfont-size:12pt;color:green B、 .abcfont-size:12pt;color:green C、 alert(“hi! “) D、 alert(“hi! “) ,BC,HTML詳解試題練習(xí)單選題,7、下面哪個(gè)標(biāo)簽表示開(kāi)始一個(gè)段落（ ） A、 B、 C、 D、,A,HTML詳解試題練習(xí)單選題,8、下面哪個(gè)標(biāo)簽表示開(kāi)始一個(gè)表格（ ） A、 B、 C、 D、,B,HTML詳解試題練習(xí)單選題,9、下面哪個(gè)標(biāo)簽表示開(kāi)始一個(gè)單元格（ ） A、 B、 C、 D、,C,HTML詳解試題練習(xí)綜合分析題,1、添加一個(gè)圖像的HTML代碼的選項(xiàng)是( ) A、 B、“圖片文件名“ C、 D、,D,HTML詳解試題練習(xí)操作題,1、打開(kāi)C:GATDoc中的wy1.HTM網(wǎng)頁(yè)文件，進(jìn)行編輯修改。 （1）在源文件中適當(dāng)位置插入如下一段代碼，用以實(shí)現(xiàn)在頁(yè)面上方顯示滾動(dòng)字幕“Welcome to my homepage!” Welcome to my homepage! （2）將源文件中另一條滾動(dòng)字幕