HTML語言與網(wǎng)頁制作教案

1、html語言與網(wǎng)頁制作教案一、什么是html語言網(wǎng)頁是由一種稱為html的語言來描述的，網(wǎng)站中的大多數(shù)網(wǎng)頁都以html文件的形式保存， html( hypertextmark-uplanguage )即 超文本標(biāo)志語言，是 www的描述語言。下面，讓我們來看一看下面這個例子吧！假如我們要在網(wǎng)頁中顯示 城步職業(yè)中專計(jì)算機(jī)16 班！ 一行文字， 可以用 html語句來描述：測試頁面城步職業(yè)中專計(jì)算機(jī)16 班！輸入并運(yùn)行以上文件, 可以看到如下的內(nèi)容。二、輸入和運(yùn)行html文件的辦法名師精編優(yōu)秀教案1.編輯html文件所用法的軟件我們可以用法任何一種文本編輯軟件來輸入、修改記事本、寫字板、edit

2、、 word等等。專業(yè)一點(diǎn)的有html文件。容易一點(diǎn)的有editplus等。windows 中的2 .輸入html文件的辦法逐字鍵入英文和漢字，每鍵入一行，擊一次回車鍵。3 .保存 html文件的辦法不管用法那種軟件，都要注重將html文件另存為 文本文件 (即 txt 文件)，而且文件后綴 ( 即擴(kuò)展名 ) ，應(yīng)當(dāng)是html或 htm。運(yùn)行 html文件的辦法雙擊文件名，即可打開掃瞄器運(yùn)行文件。四、 常用的 html標(biāo)志(一 )基本的結(jié)構(gòu)標(biāo)志(1)開頭和結(jié)束標(biāo)志表示 html語句開頭.表示 html語句結(jié)束頭部標(biāo)志.頭部結(jié)束標(biāo)題標(biāo)志標(biāo)題開頭.標(biāo)題結(jié)束網(wǎng)頁主體標(biāo)志.網(wǎng)頁主體結(jié)束例題 1html

3、文件的結(jié)構(gòu)這是網(wǎng)頁的標(biāo)題，顯示在掃瞄器的標(biāo)題欄 此行信息叫做 " 頭信息 " (標(biāo)題和頭信息是可有可無的)名師精編優(yōu)秀教案在兩個body之間的是網(wǎng)頁的主體信息主體信息可以有、文字、表格、動畫等等運(yùn)行結(jié)果如下：( 二 )常用的標(biāo)志1.換行標(biāo)志(單個用法 )2.水平線標(biāo)志(單個用法 )段落標(biāo)志.例題 2 畫水平線color="cd061f"歡迎您光臨！名師精編優(yōu)秀教案運(yùn)行結(jié)果如下背景色標(biāo)志5.背景圖形標(biāo)志五、網(wǎng)頁特效例題先彈出一個歡迎窗口在網(wǎng)頁 html代碼的 內(nèi)插入 script命令，使之成為使別人在打開網(wǎng)頁之前先彈出一個歡迎窗口。六、作業(yè)用 html語言編寫一個網(wǎng)頁，要求網(wǎng)頁的背景色為藍(lán)色，字體為楷體紅色7 號字，