資源描述:
《HTML語言與網(wǎng)頁制作教案.doc》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、HTML語言與網(wǎng)頁制作教案城步職業(yè)中學(xué):劉紅蘭教學(xué)內(nèi)容:HTML語言與網(wǎng)頁制作教學(xué)目的:1、掌握輸入和運(yùn)行HTML文件的方法2、掌握HTML基本的結(jié)構(gòu)標(biāo)記3、掌握html在網(wǎng)頁特效中的簡單運(yùn)用教學(xué)重點(diǎn):HTML基本的結(jié)構(gòu)標(biāo)記教學(xué)難點(diǎn):html在網(wǎng)頁特效中的簡單運(yùn)用教學(xué)方法:演示法教學(xué)地點(diǎn):多媒體教學(xué)課時(shí):1課時(shí)教學(xué)過程:一、什么是HTML語言網(wǎng)頁是由一種稱為HTML的語言來描述的,網(wǎng)站中的大多數(shù)網(wǎng)頁都以HTML文件的形式保存,HTML(HyperTextMark-upLanguage)即超文本標(biāo)記語言,是WWW的描述語言。下面,讓我們來看一看下面這個(gè)例子吧!如果我們要在網(wǎng)頁中顯示“城步職業(yè)中
2、專計(jì)算機(jī)16班!”一行文字,可以用HTML語句來描述:?????
測試頁面?????????????城步職業(yè)中專計(jì)算機(jī)16班!???????輸入并運(yùn)行以上文件,可以看到如下的內(nèi)容。二、輸入和運(yùn)行HTML文件的方法??1.編輯HTML文件所使用的軟件我們可以使用任何一種文本編輯軟件來輸入、修改HTML文件。簡單一點(diǎn)的有Windows中的記事本、寫字板、Edit、Word等等。專業(yè)一點(diǎn)的有EditPlus等。?2.輸入HTML文件的方法??逐字鍵入英文和漢字,每鍵入一行,擊一次回車鍵。?3.保存HTML文件的方法??
3、不管使用那種軟件,都要注意將HTML文件另存為“文本文件”(即TXT文件),而且文件后綴(即擴(kuò)展名),應(yīng)該是html或htm。?4.運(yùn)行HTML文件的方法雙擊文件名,即可打開瀏覽器運(yùn)行文件。四、常用的HTML標(biāo)記(一)?基本的結(jié)構(gòu)標(biāo)記(1)開始和結(jié)束標(biāo)記?????表示HTML語句開始???????.....?????表示HTML語句結(jié)束(2)頭部標(biāo)記?????
頭部開始??????......?????頭部結(jié)束(3)標(biāo)題標(biāo)記?????
標(biāo)題開始???????.....?????標(biāo)題結(jié)束(4)網(wǎng)頁主體標(biāo)記????
4、ody>?網(wǎng)頁主體開始?????......????