【文章內(nèi)容簡(jiǎn)介】 、TT.../TT 打字體 ( 固定寬度文字 )。 如 : TT 打字體 /TT 打字體 SUP.../SUP 上標(biāo)字。 如 : 字體 SUP 上標(biāo)字 /SUP 字體上標(biāo)字 SUB.../SUB 下標(biāo)字。 如 : 字體 SUB 下標(biāo)字 /SUB 字體下標(biāo)字 !... 注解 ( 不會(huì)顯示在瀏覽器上 )，可以多行。 如 : ! 更新日期 : 2000/1/1 四、設(shè)定字體大小、顏色、字型有關(guān)設(shè)定文字的方法共有以下幾種 : 。BODY.../BODY標(biāo)記。 如 : BODY TEXT=RED.../BODY 或 BODY TEXT=FF0000.../BODY 、顏色、字型。BASEFONT.../BASEFONT標(biāo)記。 、顏色、字型。FONT.../FONT標(biāo)記。 BASEFONT.../BASEFONT 設(shè)定基本字體，SIZE = 1 ~ 7，1 ( 最小 ) 7 ( 最大 )。 如 : BASEFONT SIZE=4 基本字體大小為 4 /BASEFONT 基本字體大小為 4 如 : BASEFONT COLOR =FF0000 設(shè)定顏色 /BASEFONT 設(shè)定顏色 如 : BASEFONT FACE = 標(biāo)楷體 , 細(xì)明體 設(shè)定字型 /BASEFONT 設(shè)定字型 BIG.../BIG 基本字體加大。 如 : BASEFONT SIZE=4 基本字體大小為 4，/BASEFONT BIG 加大為 5 /BIG 基本字體大小為 4，加大為 5 SMALL.../SMALL 基本字體減小。 如 : BASEFONT SIZE=4 基本字體大小為 4，/BASEFONT SMALL 減小為 3 /SMALL 基本字體大小為 4，減小為 3 FONT.../FONT 設(shè)定字體大小、顏色、字型，SIZE = 1 ~ 7，1 ( 最小 ) 7 ( 最大 )。 如 : FONT SIZE=4 字體大小為 4 /FONT 字體大小為 4 如 : BASEFONT SIZE=4 基本字體大小為 4 FONT SIZE=+1 +1字體大小為 5 /FONT FONT SIZE=2 2字體大小為 2 /FONT.../BASEFONT 　　基本字體大小為 4 　 +1字體大小為 5 　　　2字體大小為 2 如 : FONT COLOR =FF0000 設(shè)定顏色 /FONT 設(shè)定顏色 如 : FONT FACE = 標(biāo)楷體 , 細(xì)明體 設(shè)定字型 /FONT設(shè)定字型五、常用表格標(biāo)記 TABLE.../TABLE 表格指令。 相關(guān)屬性 : ALIGN 調(diào)整 BGCOLOR 背景顏色 BORDER 邊框 HEIGHT 高度 WIDTH 寬度 CAPTION.../CAPTION 表格標(biāo)題。 TR.../TR 表格列 ( /TR可省略 ) 。 TH.../TH 表格欄標(biāo)題 ( 表頭 ) 粗體字 ( /TH可省略 ) 。 COLSPAN 欄寬 ROWSPAN 欄高 TD.../TD 表格欄資料 ( 儲(chǔ)存格 ) ( /TD可省略 ) 。 相關(guān)屬性 : ALIGN 調(diào)整 BGCOLOR 背景顏色 HEIGHT 高度 WIDTH 寬度 COLSPAN 欄寬 ROWSPAN 欄高 六、常用區(qū)段標(biāo)記 HR 產(chǎn)生水平線。 如 : HR ALING=CERTEN WIDTH=90% BR 跳下一行。 如 : 太平洋網(wǎng)絡(luò)學(xué)院，BR網(wǎng)上學(xué)電腦的好去處。 太平洋網(wǎng)絡(luò)學(xué)院， 網(wǎng)上學(xué)電腦的好去處。 P.../P 段落，跳下一行并加一行空白。 ( /P 可省略 ) 如 : 太平洋網(wǎng)絡(luò)學(xué)院，P網(wǎng)上學(xué)電腦的好去處。 太平洋網(wǎng)絡(luò)學(xué)院，網(wǎng)上學(xué)電腦的好去處。 CENTER.../CENTER 置中。 如 : CENTER置中/CENTER 置中 NOBR.../NOBR 不跳下一行。 如 : NOBR太平洋網(wǎng)絡(luò)學(xué)院，/NOBR網(wǎng)上學(xué)電腦的好去處。 太平洋網(wǎng)絡(luò)學(xué)院，網(wǎng)上學(xué)電腦的好去處。 PRE.../PRE 以文件原始格式顯示。 如 : PRE原始格式: 文件/PRE 原始格式: 文件 七、常用鏈接標(biāo)記 BASE 設(shè)定基本URL位置或路徑，以後只要設(shè)定文件名稱即會(huì)自動(dòng)加上位置或路徑。 相關(guān)屬性 : HREF 鏈接的URL位址或文件 TARGET 指定鏈接到的URL位址或文件顯示于那一個(gè)視窗 ( 可和 FRAME 視窗標(biāo)記配合使用或開新的視窗 ) 如 : BASE HREF= :// A HREF=■/A BASE HREF= : // TARGET=frame1 A.../A 鏈接指令。 相關(guān)屬性 : HREF 鏈接的URL位址或文件 NAME 名稱 TARGET 指定鏈接到的URL位址或文件顯示于那一個(gè)視窗 ( 可和 FRAME 視窗標(biāo)記配合使用或開新的視窗 ) 如 : 外部鏈接 AHREF= ://■/A A HREF= : // TARGET=frame1■/A 設(shè)定十秒回到首頁。 ( 若不設(shè)定HTML文件位置則再載入原HTML文件 ) META HTTPEQUIV=REFRESH CONTENT=10 URL= 設(shè)定鏈接、未鏈接部份顏色 設(shè)定鏈接、未鏈接部份顏色，用BODY.../BODY標(biāo)記。 相關(guān)屬性 : ALINK按下鏈接部份未放開時(shí)顏色 LINK未看過的鏈接部份顏色 VLINK已看過的鏈接部份顏色 如 : BODY LINK=0000FF ALINK=FF0000 VLINK=00FF00 八、框架窗口常用標(biāo)記 FRAMESET.../FRAMESET 定義分割窗口。 相關(guān)屬性 : BORDER 邊框 COLS 行 , 設(shè)定分割左右窗口寬度 ( 用『,』分隔，可設(shè)百分比 % ?！?』表示剩余部份 ) FRAMEBORDER 顯示邊框 ROWS 列 , 設(shè)定分割上下窗口高度 ( 用『,』分隔，可設(shè)百分比 % ?！?』表示剩余部份 ) FRAME 定義窗口。 相關(guān)屬性 : FRAMEBORDER 顯示邊框 NAME 名稱 NORESIZE 設(shè)定是否可以調(diào)整窗口大小 SRC 文件或URL位址 SCROLLING 設(shè)定是否可以卷動(dòng) NOFRAMES.../NOFRAMES 無支援分割窗口瀏覽器顯示文字。 IFRAME.../IFRAME 插入浮動(dòng)窗口。 相關(guān)屬性 : BORDER 邊框 FRAMEBORDER 顯示邊框 NORESIZE 設(shè)定是否可以調(diào)整窗口大小 SRC 文件或URL位址 SCROLLING 設(shè)定是否可以卷動(dòng) 舉例 如 : 浮動(dòng)窗口 CENTER IF RAME FRAME BORDER=YES SCROLLING=YES SRC= /IFRAME /CENTER 九、設(shè)定圖片的方法共有以下幾種 : 設(shè)定HTML文件背景圖片、背景顏色。BODY.../BODY標(biāo)記。 如 : BODY BACKGROUND=.../BODY 或 BODY BGCOLOR=000000.../BODY 設(shè)定圖片。IMG標(biāo)記。 設(shè)定地圖。MAP.../MAP標(biāo)記。 常用圖片標(biāo)記 IMG 指令 相關(guān)屬性 : ALIGN 調(diào)整 ALT 提示字 BORDER 邊框 HEIGHT 高度 SRC 文件或URL位址 USEMAP 地圖名稱 WIDTH 寬度 如 : 可插入圖片 ( GIF、JPG格式 )、AVI電影 CENTER IMG SRC=../../../images/ ALT=太平洋網(wǎng)絡(luò)學(xué)院 ALIGN=TOP BORDER=1 /CENTER MAP.../MAP 地圖 相關(guān)屬性 : NAME 名稱 AREA 設(shè)定地圖動(dòng)作區(qū)域 相關(guān)屬性 : COORDS 設(shè)定動(dòng)作區(qū)域座標(biāo) ( 左上角座標(biāo) : X1,Y1 。 右下角座標(biāo) : X2,Y2 ) HREF 動(dòng)作區(qū)域連結(jié)點(diǎn) ( 可載入位址或文件 ) NOHREF 動(dòng)作區(qū)域連結(jié)點(diǎn)不動(dòng)作 SHAPE 外型 十、常用音樂標(biāo)記 BGSOUND 背景音樂、音效。 相關(guān)屬性 : LOOP 循環(huán) , 背景音樂播放次數(shù) SRC 文件或URL位址 (可為WAV、MIDI格式 ) 如 : BGSOUND SRC= LOOP=True 內(nèi)嵌音樂插件 EMBED.../EMBED 內(nèi)嵌插件。 相關(guān)屬性 : HEIGHT 高度 WIDTH 寬度 ( 可設(shè)百分比% ) SRC 設(shè)定內(nèi)嵌物件的 URL 位址 LOOP 循環(huán) , 背景音樂播放次數(shù) AUTOSTART 自動(dòng)播放 如 : EMBED SRC= WIDTH=145 HEIGHT=60 AUTOSTART=True LOOP=True/EMBED 十一、【文字卷動(dòng)標(biāo)記】 MARQUEE.../MARQUEE 文字卷動(dòng) ( 滾動(dòng)條 )?！鞠嚓P(guān)屬性】 BEHAVIOR = 設(shè)定卷動(dòng)方式 ALTERNATE 交替來回卷動(dòng) SCROLL 卷動(dòng) ( 預(yù)設(shè) ) SLIDE 滑動(dòng) BGCOLOR = color 背景顏色 DIRECTION = 設(shè)定卷動(dòng)方向 HEIGHT = n 高度 LOOP = n 循環(huán) , 卷動(dòng)次數(shù) ( 預(yù)設(shè)循環(huán) ) SCROLLAMOUNT = n 設(shè)定卷動(dòng)距離 SCROLLDELAY = milliseconds 設(shè)定卷動(dòng)時(shí)間 TRUESPEED = milliseconds 設(shè)定卷動(dòng)速度 WIDTH = n 寬度 ( 可設(shè)百分比% ) 【舉例】 例一 : MARQUEE BGCOLOR=RED BEHAVIOR=ALTERNATE DIRECTION=LEFT SCROLLAMOUT=10 SCROLLDELAY=100 FONT COLOR=WHITE太平洋網(wǎng)絡(luò)學(xué)院/FONT/MARQUEE 如 : MARQUEE BGCOLOR=GREEN HEIGHT=50 BEHAVIOR=SCROLL DIRECTION=UP SCROLLAMOUT=10 SCROLLDELAY=300 FONT COLOR=WHITECENTER太平洋網(wǎng)絡(luò)學(xué)院/CENTER/FONT/MARQUEE【課程小結(jié)】【作業(yè)】1．5 課后練習(xí) 書本課后練習(xí)作業(yè)第十三節(jié) 使用CSS樣式【教學(xué)目的與要求】一、CSS概述二、創(chuàng)建一個(gè)新的CSS樣式【教學(xué)方法與手段】多媒體教學(xué)：借助多媒體手段，進(jìn)行課堂理論教學(xué)；啟發(fā)式教學(xué)：教學(xué)活動(dòng)關(guān)注的重點(diǎn)從結(jié)果轉(zhuǎn)向過程。激發(fā)思維，師生互動(dòng)，增強(qiáng)學(xué)生學(xué)習(xí)的主動(dòng)性、積極性和創(chuàng)造性；【教學(xué)重點(diǎn)與難點(diǎn)】：基礎(chǔ)知識(shí)：CSS概述重點(diǎn)知識(shí)：創(chuàng)建一個(gè)新的CSS樣式【教學(xué)組織過程】2課時(shí)1．上講回顧2．教授新知【授課內(nèi)容】一、CSS概述CSS（Cascading Stylesheets，層疊樣式表）是一種制作網(wǎng)頁的新技術(shù)，現(xiàn)在已經(jīng)為大多數(shù)的瀏覽器所支持，成為網(wǎng)頁設(shè)計(jì)必不可少的工具之一。使用CSS能夠簡(jiǎn)化網(wǎng)頁的格式代碼，加快下載顯示的速度，也減少了需要上傳的代碼數(shù)量，大大減少了重復(fù)勞動(dòng)的工作量。CSS樣式有以下幾個(gè)重要的作用：將格式與結(jié)構(gòu)分離增強(qiáng)控制頁面布局的能力簡(jiǎn)化代碼，提高下載速度使維護(hù)和更新網(wǎng)頁變得更加容易代碼兼容性更好B二、創(chuàng)建一個(gè)新的CSS樣式顯示“CSS樣式”面板（“窗口”—“CSS樣式”）“附加CSS樣式”按鈕、“新建CSS樣式”、“編輯CSS樣式”按鈕、“刪除CSS樣式”創(chuàng)建自定義CSS樣式（在“CSS樣式”面板中選擇“新建CSS樣式”按鈕）類（可應(yīng)用于任何標(biāo)簽）輸入名稱：（加“.”）定義在：新建樣式表文件、僅對(duì)該文檔標(biāo)簽（重新定義特定標(biāo)簽的外觀）標(biāo)簽：（選擇標(biāo)簽）選擇類型定義在：高級(jí)（ID、上下文選擇器等）a:link：定義正常狀態(tài)下鏈接文字的樣式a:visited：定義已訪問過的鏈接文字的樣式a:hover：定義鼠標(biāo)指針移到鏈接文字時(shí)文字的樣式a:active：定義按下鼠標(biāo)左鍵時(shí)鏈接文字的樣式三、設(shè)置CSS樣式格式編輯CSS樣式文字格式字體、大小、粗細(xì)、樣式、變量、行高、大小寫、修飾、顏色編輯CSS樣式背景格式背景顏色、背景圖像、重復(fù)、附件、水平位置、垂直位置編輯CSS樣式塊格式單詞間距、字母間距、垂直對(duì)齊、文本對(duì)