高二信息技術復習3.ppt

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