2、HTML文檔的結(jié)構(gòu)ppt課件

1、 本書編委會 編著第2章 HTML文檔的結(jié)構(gòu)2.1 HTML文檔的結(jié)構(gòu)2.2 HTML基本語法2.3 HTML文件的命名2.4 編寫HTML文件的注意事項2.5 小實例插入圖片與表格2.6 習(xí)題HTML/CSS/JavaScript 標準教程實例版第3版）HTML/CSS/JavaScript 標準教程實例版（第3版）第章22.1 HTML文檔的結(jié)構(gòu)HTML/CSS/JavaScript 標準教程實例版（第3版）第章22.2 HTML基本語法2.2.1 標記語法 1、什么是標記 2、標記類型和語法 *單標記 *雙標記 實例HTML/CSS/JavaScript 標準教程實例版（第3版）第章2什

2、么是標記HTML用于描述功能的符號稱為“標志”。比如、等，都是標記，標記表示HTML文檔的開始。標記在使用時必須用尖括號“”括起來，有些標記必須成對出現(xiàn)，以開頭無斜杠的標記如:）開場，以有斜杠的標記如:）終了。比如，表示一個表格的開始，表示一個表格的結(jié)束。在HTML中，標記的大小寫作用相同，如和都是表示一個表格的開始。前往HTML/CSS/JavaScript 標準教程實例版（第3版）第章2單標記之所以稱為“單標記”，是因為它只需單獨使用就能完整地表達意思，這類標記的語法是：最常用的單標記是，它表示換行。前往HTML/CSS/JavaScript 標準教程實例版（第3版）第章2雙標記“雙標記由

3、“始標記和“尾標記兩部分構(gòu)成，必須成對使用。 始標記告訴Web瀏覽器從此處開始執(zhí)行該標記所表示的功能。 尾標記告訴Web瀏覽器在這里結(jié)束該功能。始標記前加一個正斜杠（/）即成為尾標記。這類標記的語法是： 內(nèi)容 其中“內(nèi)容部分就是要被這對標記施加作用的部分。前往HTML/CSS/JavaScript 標準教程實例版（第3版）第章22.2.1 HTML基本語法 實例效果HTML/CSS/JavaScript 標準教程實例版（第3版）第章22.2.1 HTML基本語法 實例前往HTML/CSS/JavaScript 標準教程實例版（第3版）第章22.2 HTML基本語法 2.2.2 屬性語法 1 什

4、么是屬性 2屬性語法 HTML/CSS/JavaScript 標準教程實例版（第3版）第章22.2.2 屬性語法 實例1 HTML/CSS/JavaScript 標準教程實例版（第3版）第章22.2.2 屬性語法 實例1 HTML/CSS/JavaScript 標準教程實例版（第3版）第章22.2.2 屬性語法 實例2 HTML/CSS/JavaScript 標準教程實例版（第3版）第章22.2.2 屬性語法 實例2HTML/CSS/JavaScript 標準教程實例版（第3版）第章22.3 HTML文件的命名 留意： 文件的擴展名要以.html或.html結(jié)束。 文件名中只可由英文字母、數(shù)字

5、或下劃線組成。 文件名中不要包含特殊符號，比如空格、$等。 文件名是區(qū)分大小寫的，在Unix和Windows主機中有大小寫的不同。 網(wǎng)站首頁文件名默認是index.htm或index.html。HTML/CSS/JavaScript 標準教程實例版（第3版）第章22.4 編寫HTML文件的注意事項 所有標記都要用尖括號（）括起來，這樣，瀏覽器就可以知道，尖括號內(nèi)的標記是HTML命令。 對于成對出現(xiàn)的標記，最好同時輸入起始標記或結(jié)束標記，以免忘記。 采用標記嵌套的方式可以為同一個信息應(yīng)用多個標記，如下：同一個信息 在代碼中，不區(qū)分大小寫，比如，將寫成或都可以。 任何空格或回車在代碼中都無效，插入

6、空格或回車有專用的標記，分別是&nbsp、。因此，不同的標記間用回車鍵換行再編寫是個不錯的習(xí)慣。HTML/CSS/JavaScript 標準教程實例版（第3版）第章22.4 編寫HTML文件的注意事項標記中不要有空格，否則瀏覽器可能無法識別，比如不能將寫成。下面的代碼中有誤，將該文件存為.html文件后，用瀏覽器打開，所定義的文字沒有在瀏覽器標題中顯示，反而顯示在正文中，而錯誤的標記也被當(dāng)作正文來顯示。HTML/CSS/JavaScript 標準教程實例版（第3版）第章22.4 編寫HTML文件的注意事項HTML/CSS/JavaScript 標準教程實例版（第3版）第章22.4 編寫HTML文件的注意事項 標記中的屬性，可以用雙引號()引起來，也可以不引。比如，下面的寫法都是正確的： HTML/CSS/JavaScript 標準教程實例版（第3版）第章22.5 小實例插入圖片與表格在間定義頭部信息。HTML/CSS/JavaScript 標準教程實例版（第3版）第章22.5 小實例插入圖片與表格在間寫兩段代碼，插入橫幅banner圖片和一段正文文字。HTML/CSS/JavaScript 標準教程實例版（第3版）第章22.5 小實例插入圖片與表格在間輸入代碼HTML/CSS/JavaScript 標準教程實例版（第3版）第章22.5 小實例插入圖片與表