HTML的基本結構

2021-06-04 分類：網站建設

HTML的基本結構

用Dreamweaver 8創建一個新的網頁，操作過程是文件，新建，新建文檔

新建網頁操作

HTML文件的后綴是．htm或者是．html，當前使用前者較多，因為它少了一個字符，更加簡潔。使用Dreamweaver新建文件后最基本的HTML代碼呈現在我們面前:

第1行是對HTML的版本和格式說明，該行引用了W3C的XHTML1.0過渡(transitional)格式，DTD(具體格式的規則)參照給定的W3C地址: http://www.w3c.org/TR/xhtml1/DTD/xhtml1-transitional.dtd。

第2行是HTML的開頭，其中html是元素，而xmlns是該元素的一個屬性，表示使用XHTML 1.0的名字空間。這雖然和第一行表達的意思有些重復，不過W3C既然規定這么寫，我們就照辦。html是該文檔的第一個元素，HTML所有的元素書寫方法和它一樣，都是用尖括號“＜＞”將元素名稱括入其中。而xmlns是HTML元素的屬性，http://www.w3.org/1999/xhtml則是該屬性的值。XHTML規定所有元素的屬性值書寫時必須用引號""括起來，避免和其他產生混淆。

第3行的＜head＞和第6行的＜/head＞是匹配的。HTML中的大部分元素都有清楚的開頭和結束相匹配。元素開頭和結束之間是元素的內容，它可以嵌套別的元素。在HTML中，head這個元素中可以設置HTML的一些頭部信息。

第4行是meta元素，它嵌套在title元素中。它怎么沒有另外一半?其實這是HTML中另外一類元素，即空元素。空元素一般沒有單獨的結束標記，而是在元素的結尾加上斜杠“/”。空元素“空”的含義是指不能夠嵌套任何內容。但是空元素可以擁有自己的屬性，比如meta中就含有http-equiv和content兩個屬性。而"Content-Type"(內容類型)和" text/htm l; charset=gb2312"(文本HTML格式和字符集是簡體中文)則分別是兩個屬性的值。meta除了可以設置內容類型外，還可以設置一系列其他內容，我們在下面會詳細介紹。

第5行是一個有內容的title元素，我們不難發現這個元素的內容是“無標題文檔”。這個內容將反映在瀏覽器窗口的左上角。

第7行和第8行又是一對閉合的元素，它的內容才是在瀏覽器中顯示出來的東西。

第9行是第2行html元素的另一半。

最后需要說明的是，為了符合Web標準，我們對于所有的元素的書寫應該盡量使用小寫。

網站名稱：HTML的基本結構
標題URL：http://m.2m8n56k.cn/news/116289.html

成都網站建設公司_創新互聯，為您提供定制開發、移動網站建設、關鍵詞優化、外貿網站建設、定制網站、微信公眾號

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

HTML的基本結構