HTML的基本結構

2021-06-04 分類：網(wǎng)站建設

HTML的基本結構

用Dreamweaver 8創(chuàng)建一個新的網(wǎng)頁，操作過程是文件，新建，新建文檔

新建網(wǎng)頁操作

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

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

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

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

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

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

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

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

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

本文題目：HTML的基本結構
URL分享：http://www.bm7419.com/news39/116289.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導航、移動網(wǎng)站建設、網(wǎng)站營銷、軟件開發(fā)、商城網(wǎng)站、網(wǎng)站設計公司

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

猜你還喜歡下面的內容