Html語言入門(多媒體)

1、Html語言入門（多媒體）教學章節(jié)：1.1 html基本知識教學目的：、了解一些關于網(wǎng)頁的基礎知識、了解HTML語言，并掌握一個簡單的HTML文件的寫法 3、掌握幾個常用HTML標記教學重點：HTML語言標記的掌握教學難點：HTML語言標記的理解教學方法：講演法教學課時：1課時教學過程：復習：、（World Wide Web）萬維網(wǎng) 2、URL（全球統(tǒng)一資源定位器）也就是“網(wǎng)址”服務器瀏覽器 3、服務器、瀏覽器服務器瀏覽器新課： 1、Hypertext (超文本) 是一種可以指向其他文件的文字或圖片。這樣可以在網(wǎng)上鏈接千萬臺計算機，世界范圍內(nèi)的大量信息通過Hypertext（超文本）的方式相互

2、鏈接。 2、動態(tài)網(wǎng)頁技術 ASP、PHP、JSP 3、HTML HyperText Markup Language 超文本標記語言HTML入門1、基本的格式是 內(nèi)容雙容器 單容器2、 一個簡單的HTML文件網(wǎng)頁開始無標題文檔網(wǎng)頁頭，放網(wǎng)頁標題等網(wǎng)頁體，網(wǎng)頁的內(nèi)容都在這兒網(wǎng)頁結束3、擴展名 html,htm4.html代碼的特點(1)網(wǎng)頁以開始，以結束，網(wǎng)頁由和（網(wǎng)頁頭和網(wǎng)頁體）兩部分組成，網(wǎng)頁中的內(nèi)容全部在網(wǎng)頁體中(2)網(wǎng)頁代碼中含有這樣的標記，每個標記代表一種含意，有些標記中還有屬性值如(3)標記一定要放在之間，許多標記有對應的結束標記，應成對使用，如.，也有個別單獨使用。(4)HTML源代

3、碼中的一個或多個半角空格，一個或多個換行在網(wǎng)頁顯示時只當一個半角空格顯示5學習“網(wǎng)頁屬性”的設置，了解body標記的屬性在“網(wǎng)頁屬性”中可以對整張網(wǎng)頁的效果進行設置，對它的設置，在HTML文件中體現(xiàn)在BODY標記的屬性中。打開“網(wǎng)頁屬性”設置的方法是：單擊菜單“修改網(wǎng)頁屬性”。要求掌握以下屬性的含義：background（背景圖像）,bgcolor（背景）,text（文本）,link（鏈接）,leftmargin（左邊界）6顏色代碼為6位數(shù)XXXXXX，X為十六進制數(shù)即0-9，A-F(不分大小寫)。顏色由“紅、綠、藍”三原色調(diào)合而成，每2位數(shù)代表一種顏色的濃度，00代表顏色濃度最小，F(xiàn)F代表顏

4、色濃度最大。三種顏色的順序為紅、綠、藍。理解幾種常用的顏色代碼：ff0000代表純紅、00ff00代表純綠、0000ff代表純藍、000000代表純黑、ffffff代表純白、ffff00代表黃色?？伎寄悖?00ffff代表什么顏色？f0f0f0代表什么顏色？101010代表什么顏色？顏色代碼的表示形式：#ff0000ff0000red雙引號可以換成單引號或不加引號，小寫字母可以改成大字字母7常用的HTML標記及屬性(1)網(wǎng)頁開始與結束：(2)網(wǎng)頁頭：.(3)網(wǎng)頁標題(位于網(wǎng)頁頭)：.(4)網(wǎng)頁體：.(5)段落：. 左對齊：. 居中對齊：. 右對齊：. 默認為左對齊(6)換行：（單獨使用）(7)

5、水平線：（單獨使用）(8)標題：（n1到6，h1標記的字體最大，h6最小）(9)字體：.(10)圖像：（單獨使用）（11）表格table trtd單元格內(nèi)容/td/tr trtd單元格內(nèi)容/td/tr /table跨行屬性rowspan TD ROWSPAN=單元格跨的行數(shù)跨列屬性colspan TD ROWSPAN=單元格跨的列數(shù)（12）段落標記 P/P 轉行標記 BH/BH其它如：項目列表、編號列表、僅對該文檔的CSS樣式等HTML語法，請自行查看，暫不要求熟記。8用HTML的眼光看DW軟件，它的功能是什么？就是把用戶設計的網(wǎng)頁轉換成HTML文件。所以我們通過屬性面板用鼠標對網(wǎng)頁的設置與在

6、源代碼視圖方式下直接改代碼的效果是完成相同的。其實，早在DW軟件誕生之前，就有高手在設計網(wǎng)頁了，他們用什么軟件，記事本呀，高手啊！9、讓我們也來做一回高手課堂練習：閱讀以下代碼，想一想，網(wǎng)頁的顯示效果是怎么樣的？再在記事本中輸入以下代碼，完成后以“1.htm”保存。（注意保存時選“所有文件”，文件擴展名為“.htm”）我的個人主頁我愛網(wǎng)頁設計我是05電腦專業(yè)的一名學生9、DW能做出所有HTML語法支持的效果嗎？HTML標準由國際組織W3C負責制訂，現(xiàn)在的版本已經(jīng)是HTML4.0了，詳細文檔可以看/，DW支持HTML4標準，但做為超級軟件霸主微軟公司常常會自定義一些標準，最典型的就是滾動字幕功能

7、，標準的HTML語法并不直接支持滾動字幕。所以DW軟件中也不能直接插入滾動字幕，但我們可以直接在DW的代碼視圖方式下直接插入IE所支持的滾動字幕代碼。這樣雖然在DW中看不到滾動效果，但用IE瀏覽網(wǎng)頁時，還是能看到滾動效果的（當然如果你使用的不是IE瀏覽器，而是Nescape,Mozilla等，就不一定能看到滾動效果了）。滾動字幕的代碼是：需要滾動的文字詳細的滾動字幕的HTML語法，請試用微軟公司的網(wǎng)頁制作軟件FrontPage補充知識：如何到Internet上找HTML教程？21世紀的人才不是說要記得多少知識，而在于當需要知識時，能迅速找到知識，以前說“教師一瓶水，才能教會學生半瓶水”，現(xiàn)在按

8、我校計算機特級教師張德新教師的話說是“教師首先要自已接上自來水，再去幫助學生也接上自來水”。教會同學們自動到Internet上找資料，就是幫學生接上自來水。到Internet上找資料，一靠的是經(jīng)驗，如果同學們平時經(jīng)常上網(wǎng)，就會記住一些比較好的資源網(wǎng)站或教學網(wǎng)站，以后需要時可以去這些網(wǎng)站看看，我推薦同學可以看看以下網(wǎng)站/二靠搜索引擎的幫忙，現(xiàn)在世界上的網(wǎng)站已經(jīng)突破50億張，如何在茫茫網(wǎng)海中迅速找到需要的信息，離不開搜索引擎，以下是現(xiàn)在比較有名的搜索引擎，推薦同學們使用/課堂練習：1、看html代碼，畫出網(wǎng)頁。 這是測試文件 這是我制作的第一個網(wǎng)頁 看來還有很多東東要學噢！ 返回主頁2、再根據(jù)要求讓學生寫出一張網(wǎng)頁的HTML代碼。標題為：my page歡迎進入我的個人網(wǎng)站歡迎進入我的個人網(wǎng)站進入網(wǎng)站 my page 歡迎進入我的個人網(wǎng)站 進入網(wǎng)站課后習題：、寫出10種常用的HTML標記及屬性、寫出以下屬性的含義：back