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.rwnh.cn/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)