HTML的基本結(jié)構(gòu)
用Dreamweaver 8創(chuàng)建一個新的網(wǎng)頁,操作過程是文件,新建,新建文檔
新建網(wǎng)頁操作
HTML文件的后綴是.htm或者是.html,當(dāng)前使用前者較多,因為它少了一個字符,更加簡潔。使用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的名字空間。這雖然和第一行表達(dá)的意思有些重復(fù),不過W3C既然規(guī)定這么寫,我們就照辦。html是該文檔的第一個元素,HTML所有的元素書寫方法和它一樣,都是用尖括號“<>”將元素名稱括入其中。而xmlns是HTML元素的屬性,http://www.w3.org/1999/xhtml則是該屬性的值。XHTML規(guī)定所有元素的屬性值書寫時必須用引號""括起來,避免和其他產(chǎn)生混淆。
第3行的<head>和第6行的</head>是匹配的。HTML中的大部分元素都有清楚的開頭和結(jié)束相匹配。元素開頭和結(jié)束之間是元素的內(nèi)容,它可以嵌套別的元素。在HTML中,head這個元素中可以設(shè)置HTML的一些頭部信息。
第4行是meta元素,它嵌套在title元素中。它怎么沒有另外一半?其實這是HTML中另外一類元素,即空元素。空元素一般沒有單獨的結(jié)束標(biāo)記,而是在元素的結(jié)尾加上斜杠“/”??赵?ldquo;空”的含義是指不能夠嵌套任何內(nèi)容。但是空元素可以擁有自己的屬性,比如meta中就含有http-equiv和content兩個屬性。而"Content-Type"(內(nèi)容類型)和" text/htm l; charset=gb2312"(文本HTML格式和字符集是簡體中文)則分別是兩個屬性的值。meta除了可以設(shè)置內(nèi)容類型外,還可以設(shè)置一系列其他內(nèi)容,我們在下面會詳細(xì)介紹。
第5行是一個有內(nèi)容的title元素,我們不難發(fā)現(xiàn)這個元素的內(nèi)容是“無標(biāo)題文檔”。這個內(nèi)容將反映在瀏覽器窗口的左上角。
第7行和第8行又是一對閉合的元素,它的內(nèi)容才是在瀏覽器中顯示出來的東西。
第9行是第2行html元素的另一半。
最后需要說明的是,為了符合Web標(biāo)準(zhǔn),我們對于所有的元素的書寫應(yīng)該盡量使用小寫。
網(wǎng)站名稱:HTML的基本結(jié)構(gòu)
標(biāo)題URL:http://www.rwnh.cn/news/116289.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制開發(fā)、移動網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化、外貿(mào)網(wǎng)站建設(shè)、定制網(wǎng)站、微信公眾號
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)