web程序 HTML文檔的結(jié)構(gòu)

1、 HTML文檔的結(jié)構(gòu)Web程序設(shè)計前端和后端開發(fā)第章2第2章 HTML文檔的結(jié)構(gòu)2.1 HTML文檔的結(jié)構(gòu)2.2 HTML基本語法2.3 HTML文件的命名2.4 編寫HTML文件的注意事項(xiàng)2.5 小實(shí)例插入圖片與表格2.6 習(xí)題Web程序設(shè)計前端和后端開發(fā)第章22.1 HTML文檔的結(jié)構(gòu)Web程序設(shè)計前端和后端開發(fā)第章22.2 HTML基本語法2.2.1 標(biāo)記語法 1、什么是標(biāo)記 2、標(biāo)記類型和語法 *單標(biāo)記 *雙標(biāo)記 實(shí)例Web程序設(shè)計前端和后端開發(fā)第章2什么是標(biāo)記HTML用于描述功能的符號稱為“標(biāo)記”。比如、等，都是標(biāo)記，標(biāo)記表示HTML文檔的開始。標(biāo)記在使用時必須用尖括號“”括起來，有

2、些標(biāo)記必須成對出現(xiàn)，以開頭無斜杠的標(biāo)記（如:）開始，以有斜杠的標(biāo)記（如:）結(jié)束。比如，表示一個表格的開始，表示一個表格的結(jié)束。在HTML中，標(biāo)記的大小寫作用相同，如和都是表示一個表格的開始。返回Web程序設(shè)計前端和后端開發(fā)第章2單標(biāo)記之所以稱為“單標(biāo)記”，是因?yàn)樗恍鑶为?dú)使用就能完整地表達(dá)意思，這類標(biāo)記的語法是：最常用的單標(biāo)記是，它表示換行。返回Web程序設(shè)計前端和后端開發(fā)第章2雙標(biāo)記“雙標(biāo)記”由“始標(biāo)記”和“尾標(biāo)記”兩部分構(gòu)成，必須成對使用。 始標(biāo)記告訴Web瀏覽器從此處開始執(zhí)行該標(biāo)記所表示的功能。 尾標(biāo)記告訴Web瀏覽器在這里結(jié)束該功能。始標(biāo)記前加一個正斜杠（/）即成為尾標(biāo)記。這類標(biāo)記的語

3、法是： 內(nèi)容內(nèi)容 其中“內(nèi)容”部分就是要被這對標(biāo)記施加作用的部分。返回Web程序設(shè)計前端和后端開發(fā)第章22.2.1 HTML基本語法 實(shí)例效果Web程序設(shè)計前端和后端開發(fā)第章22.2.1 HTML基本語法 實(shí)例返回Web程序設(shè)計前端和后端開發(fā)第章22.2 HTML基本語法 2.2.2 屬性語法 1 什么是屬性 2屬性語法 Web程序設(shè)計前端和后端開發(fā)第章22.2.2 屬性語法 實(shí)例1 Web程序設(shè)計前端和后端開發(fā)第章22.2.2 屬性語法 實(shí)例1 Web程序設(shè)計前端和后端開發(fā)第章22.2.2 屬性語法 實(shí)例2 Web程序設(shè)計前端和后端開發(fā)第章22.2.2 屬性語法 實(shí)例2Web程序設(shè)計前端和后

4、端開發(fā)第章22.3 HTML文件的命名 注意： 文件的擴(kuò)展名要以.html或.html結(jié)束。 文件名中只可由英文字母、數(shù)字或下劃線組成。 文件名中不要包含特殊符號，比如空格、$等。 文件名是區(qū)分大小寫的，在Unix和Windows主機(jī)中有大小寫的不同。 網(wǎng)站首頁文件名默認(rèn)是index.htm或index.html。Web程序設(shè)計前端和后端開發(fā)第章22.4 編寫HTML文件的注意事項(xiàng) 所有標(biāo)記都要用尖括號（）括起來，這樣，瀏覽器就可以知道，尖括號內(nèi)的標(biāo)記是HTML命令。 對于成對出現(xiàn)的標(biāo)記，最好同時輸入起始標(biāo)記或結(jié)束標(biāo)記，以免忘記。 采用標(biāo)記嵌套的方式可以為同一個信息應(yīng)用多個標(biāo)記，如下：同一個信

5、息同一個信息 在代碼中，不區(qū)分大小寫，比如，將寫成或都可以。 任何空格或回車在代碼中都無效，插入空格或回車有專用的標(biāo)記，分別是&nbsp、。因此，不同的標(biāo)記間用回車鍵換行再編寫是個不錯的習(xí)慣。Web程序設(shè)計前端和后端開發(fā)第章22.4 編寫HTML文件的注意事項(xiàng)標(biāo)記中不要有空格，否則瀏覽器可能無法識別，比如不能將寫成。下面的代碼中有誤，將該文件存為.html文件后，用瀏覽器打開，所定義的文字沒有在瀏覽器標(biāo)題中顯示，反而顯示在正文中，而錯誤的標(biāo)記也被當(dāng)作正文來顯示。Web程序設(shè)計前端和后端開發(fā)第章22.4 編寫HTML文件的注意事項(xiàng)Web程序設(shè)計前端和后端開發(fā)第章22.4 編寫HTML文件的注意事項(xiàng) 標(biāo)記中的屬性，可以用雙引號()引起來，也可以不引。比如，下面的寫法都是正確的： 推薦：推薦：Web程序設(shè)計前端和后端開發(fā)第章22.5 小實(shí)例插入圖片與表格在間定義頭部信息。Web程序設(shè)計前端和后端開發(fā)第章22.5 小實(shí)例插入圖片與表格在間寫兩段代碼，插入橫幅banner圖片和一段正文文字。Web程序設(shè)計前端和后端開發(fā)第章22.5 小實(shí)例插入圖片與表格在間輸入代碼Web程序設(shè)計前端和后端開發(fā)