HTML的基本結(jié)構(gòu)

2021-06-04    分類: 網(wǎng)站建設(shè)

HTML的基本結(jié)構(gòu)

用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中的大部分元素都有清楚的開頭和結(jié)束相匹配。元素開頭和結(jié)束之間是元素的內(nèi)容,它可以嵌套別的元素。在HTML中,head這個元素中可以設(shè)置HTML的一些頭部信息。

第4行是meta元素,它嵌套在title元素中。它怎么沒有另外一半?其實這是HTML中另外一類元素,即空元素??赵匾话銢]有單獨的結(jié)束標記,而是在元素的結(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)容,我們在下面會詳細介紹。

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

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

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

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

本文題目:HTML的基本結(jié)構(gòu)
URL分享:http://www.muchs.cn/news39/116289.html

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

廣告

聲明:本網(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)

外貿(mào)網(wǎng)站建設(shè)