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

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