htmlcssjavascript標(biāo)準(zhǔn)教程二實(shí)用教案

1、第第2 2章章 HTML HTML文檔的結(jié)構(gòu)文檔的結(jié)構(gòu)(jigu)(jigu)2.1 HTML文檔的結(jié)構(gòu)2.2 HTML基本語(yǔ)法2.3 HTML文件的命名(mng mng)2.4 編寫(xiě)HTML文件的注意事項(xiàng)2.5 小實(shí)例插入圖片與表格2.6 習(xí)題HTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第1頁(yè)/共25頁(yè)第一頁(yè)，共26頁(yè)。2.1 HTML文檔的結(jié)構(gòu)(jigu)第2頁(yè)/共25頁(yè)第二頁(yè)，共26頁(yè)。2.2 HTML基本(jbn)語(yǔ)法2.2.1 標(biāo)記(bioj)語(yǔ)法 1、什么是標(biāo)記(bioj) 2、標(biāo)記(bioj)類型和語(yǔ)法 *單標(biāo)記(bioj) *雙標(biāo)記(bioj) 實(shí)例第3頁(yè)/

2、共25頁(yè)第三頁(yè)，共26頁(yè)。什么(shn me)是標(biāo)記HTML用于描述功能的符號(hào)稱為“標(biāo)記”。比如、等，都是標(biāo)記，標(biāo)記表示HTML文檔的開(kāi)始。標(biāo)記在使用時(shí)必須用尖括號(hào)“”括起來(lái)，有些標(biāo)記必須成對(duì)出現(xiàn)，以開(kāi)頭(ki tu)無(wú)斜杠的標(biāo)記（如:）開(kāi)始，以有斜杠的標(biāo)記（如:）結(jié)束。比如，表示一個(gè)表格的開(kāi)始，表示一個(gè)表格的結(jié)束。在HTML中，標(biāo)記的大小寫(xiě)作用相同，如和都是表示一個(gè)表格的開(kāi)始。返回第4頁(yè)/共25頁(yè)第四頁(yè)，共26頁(yè)。單標(biāo)記(bioj)之所以稱為“單標(biāo)記”，是因?yàn)樗恍鑶为?dú)使用就能完整(wnzhng)地表達(dá)意思，這類標(biāo)記的語(yǔ)法是：最常用的單標(biāo)記是，它表示換行。返回第5頁(yè)/共25頁(yè)第五頁(yè)，共26頁(yè)

3、。雙標(biāo)記(bioj)“雙標(biāo)記”由“始標(biāo)記”和“尾標(biāo)記”兩部分構(gòu)成，必須成對(duì)使用。 始標(biāo)記告訴(o s)Web瀏覽器從此處開(kāi)始執(zhí)行該標(biāo)記所表示的功能。 尾標(biāo)記告訴(o s)Web瀏覽器在這里結(jié)束該功能。始標(biāo)記前加一個(gè)正斜杠（/）即成為尾標(biāo)記。這類標(biāo)記的語(yǔ)法是： 內(nèi)容 其中“內(nèi)容”部分就是要被這對(duì)標(biāo)記施加作用的部分。返回第6頁(yè)/共25頁(yè)第六頁(yè)，共26頁(yè)。2.2.1 HTML基本(jbn)語(yǔ)法 實(shí)例效果第7頁(yè)/共25頁(yè)第七頁(yè)，共26頁(yè)。2.2.1 HTML基本語(yǔ)法(yf) 實(shí)例返回第8頁(yè)/共25頁(yè)第八頁(yè)，共26頁(yè)。2.2 HTML基本(jbn)語(yǔ)法 2.2.2 屬性(shxng)語(yǔ)法 1 什么是屬性

4、(shxng) 2屬性(shxng)語(yǔ)法 第9頁(yè)/共25頁(yè)第九頁(yè)，共26頁(yè)。2.2.2 屬性語(yǔ)法 實(shí)例(shl)1 第10頁(yè)/共25頁(yè)第十頁(yè)，共26頁(yè)。2.2.2 屬性語(yǔ)法 實(shí)例(shl)1 第11頁(yè)/共25頁(yè)第十一頁(yè)，共26頁(yè)。2.2.2 屬性語(yǔ)法 實(shí)例(shl)2 第12頁(yè)/共25頁(yè)第十二頁(yè)，共26頁(yè)。2.2.2 屬性語(yǔ)法 實(shí)例(shl)2第13頁(yè)/共25頁(yè)第十三頁(yè)，共26頁(yè)。2.3 HTML文件(wnjin)的命名 注意： 文件的擴(kuò)展名要以.html或.html結(jié)束。 文件名中只可由英文字母、數(shù)字(shz)或下劃線組成。 文件名中不要包含特殊符號(hào)，比如空格、$等。 文件名是區(qū)分大小寫(xiě)的，

5、在Unix和Windows主機(jī)中有大小寫(xiě)的不同。 網(wǎng)站首頁(yè)文件名默認(rèn)是或。第14頁(yè)/共25頁(yè)第十四頁(yè)，共26頁(yè)。2.4 編寫(xiě)(binxi)HTML文件的注意事項(xiàng) 所有標(biāo)記都要用尖括號(hào)（）括起來(lái)，這樣，瀏覽器就可以知道，尖括號(hào)內(nèi)的標(biāo)記是HTML命令。 對(duì)于成對(duì)出現(xiàn)的標(biāo)記，最好同時(shí)輸入起始標(biāo)記或結(jié)束標(biāo)記，以免(ymin)忘記。 采用標(biāo)記嵌套的方式可以為同一個(gè)信息應(yīng)用多個(gè)標(biāo)記，如下：同一個(gè)信息 在代碼中，不區(qū)分大小寫(xiě)，比如，將寫(xiě)成或都可以。 任何空格或回車在代碼中都無(wú)效，插入空格或回車有專用的標(biāo)記，分別是 、。因此，不同的標(biāo)記間用回車鍵換行再編寫(xiě)是個(gè)不錯(cuò)的習(xí)慣。第15頁(yè)/共25頁(yè)第十五頁(yè)，共

6、26頁(yè)。2.4 編寫(xiě)(binxi)HTML文件的注意事項(xiàng)標(biāo)記中不要有空格，否則瀏覽器可能無(wú)法識(shí)別，比如不能將寫(xiě)成。下面的代碼中有誤，將該文件存為.html文件后，用瀏覽器打開(kāi)，所定義的文字沒(méi)有在瀏覽器標(biāo)題中顯示，反而顯示在正文(zhngwn)中，而錯(cuò)誤的標(biāo)記也被當(dāng)作正文(zhngwn)來(lái)顯示。第16頁(yè)/共25頁(yè)第十六頁(yè)，共26頁(yè)。2.4 編寫(xiě)(binxi)HTML文件的注意事項(xiàng)第17頁(yè)/共25頁(yè)第十七頁(yè)，共26頁(yè)。2.4 編寫(xiě)(binxi)HTML文件的注意事項(xiàng) 標(biāo)記中的屬性，可以用雙引號(hào)()引起來(lái)，也可以不引。比如(br)，下面的寫(xiě)法都是正確的： 第18頁(yè)/共25頁(yè)第十八頁(yè)，共26頁(yè)。2.5

7、 小實(shí)例(shl)插入圖片與表格在間定義(dngy)頭部信息。第19頁(yè)/共25頁(yè)第十九頁(yè)，共26頁(yè)。2.5 小實(shí)例插入(ch r)圖片與表格在間寫(xiě)兩段代碼(di m)，插入橫幅banner圖片和一段正文文字。第20頁(yè)/共25頁(yè)第二十頁(yè)，共26頁(yè)。2.5 小實(shí)例插入(ch r)圖片與表格在間輸入(shr)代碼第21頁(yè)/共25頁(yè)第二十一頁(yè)，共26頁(yè)。2.5 小實(shí)例插入(ch r)圖片與表格接上頁(yè)第22頁(yè)/共25頁(yè)第二十二頁(yè)，共26頁(yè)。2.5 小實(shí)例插入(ch r)圖片與表格接上頁(yè)第23頁(yè)/共25頁(yè)第二十三頁(yè)，共26頁(yè)。2.5 小實(shí)例插入圖片(tpin)與表格最終(zu zhn)效果第24頁(yè)/共25頁(yè)第二十四頁(yè)，共26頁(yè)。感謝您的觀看(gunkn)！第25頁(yè)/共25頁(yè)第二十五頁(yè)，共26頁(yè)。NoImage內(nèi)容(nirng)總結(jié)第2章 HTML文檔的結(jié)構(gòu)。 始標(biāo)記告訴Web瀏覽器從此處開(kāi)始執(zhí)行該標(biāo)記所表示的功能。始標(biāo)記前加一個(gè)正斜杠（/）即成為尾標(biāo)記。其中“內(nèi)容”部分就是要被這對(duì)標(biāo)記施加作用的部分。 文件名是區(qū)分大小寫(xiě)的，