網(wǎng)頁制作,用戶應(yīng)該首先了解HTML。根據(jù)W3C網(wǎng)頁規(guī)范化設(shè)計要求,網(wǎng)頁應(yīng)該遵循結(jié)構(gòu)(Structure)、表現(xiàn)(Presentation)和行為(Behavior)的分離。結(jié)構(gòu):使用HTML設(shè)計網(wǎng)頁標簽,即網(wǎng)頁結(jié)構(gòu)和內(nèi)容。表現(xiàn):使用CSS設(shè)計網(wǎng)頁樣式,即網(wǎng)頁顯示效果。行為:使用JavaScript和DOM規(guī)范設(shè)計網(wǎng)頁腳本,即網(wǎng)頁特效、動畫或者行為。因此,應(yīng)該先掌握HTML語言基本語法和用法,能夠熟練使用HTML標簽。深圳網(wǎng)站制作編輯整理以下幾種網(wǎng)頁靜態(tài)語法。
一、認識HTML ,HTML表示超文本標識語言,使用HTML標簽編寫的文檔稱為HTML文檔,目前最新版本是HTML5.0,使用最廣泛的是HTML4.1版本。早期的HTML版本不適合構(gòu)建標準化網(wǎng)頁,因為它把結(jié)構(gòu)和表現(xiàn)混淆在一起,例如,HTML把不同類型的元素,如描述性元素color、i等和結(jié)構(gòu)性元素div、table等,以及元素屬性放在一起,為以后的維護和管理埋下隱患。XHTML是HTML語言的升級版本,與HTML在語法和標簽使用方面差別不大。熟悉HTML語言,再熟悉標準結(jié)構(gòu)和規(guī)范,也就熟悉了XHTML語言。HTML作為一種網(wǎng)頁內(nèi)容標識語言,易學易懂,熟悉使用該語言可以制作功能強大、美觀大方的網(wǎng)頁。HTML語言的主要作用說明如下。
1.使用HTMl語言標識文本。例如,定義標題文本、段落文本、列表文本、預定義文本等。
2.使用HTML語言建立鏈接,通過鏈接可以訪問互聯(lián)網(wǎng)上的所有信息,當使用鼠標單擊超鏈接時,會自動跳轉(zhuǎn)到鏈接頁面。
3.使用HTML語言創(chuàng)建列表,把信息有序組織在一起,以方便瀏覽。
4.使用HTMl語言在網(wǎng)頁中顯示圖像、聲音、視頻、動畫等多媒體信息,把網(wǎng)頁設(shè)計得更富沖擊力。
5.使用HTML語言可以制作表格,以方便顯示大量數(shù)據(jù)。
6.使用HTML語言制作表單,允許在網(wǎng)頁內(nèi)輸入文本信息,執(zhí)行其他用戶操作,方便信息互動。
二、HTML文檔基本結(jié)構(gòu)HTML文檔一般都應(yīng)包含兩部分:頭部區(qū)域和主體區(qū)域。HTML文檔基本結(jié)構(gòu)由3個標簽負責組織:<html>、<head>和<body>。其中<html>標簽標識HTML文檔,<head>標簽標識頭部區(qū)域,而<body>標簽標識主體區(qū)域。一個完整的HTML文檔基本結(jié)構(gòu)如下:
可以看到,每個標簽都是成對組成,第一個標簽(如<html>)表示標識的開始位置,而第二個標簽(如</html>)表示標識的結(jié)束位置。<html>標簽包含<head>和<body>標簽,而<head>和<body>標簽是并列排列。如果把上面字符代碼放置在文本文件中,然后另存為“test.html”,就可以在瀏覽器中瀏覽了。當然,由于這個簡單的HTML文檔還沒有包含任何信息,所以在瀏覽器中是看不到任何顯示內(nèi)容的。
三、HTML基本語法編寫HTML文檔時,必須遵循HTML語法規(guī)范。HTML文檔實際上就是一個文本文件,它由標簽和信息混合組成,當然這些標簽和信息必須遵循一定的組合規(guī)
否則瀏覽器是無法解析的。HTML語言的規(guī)范條文不多,相信讀者也很容易理解。從邏輯上分析,這些標簽包含的內(nèi)容就表示一類對象,也可以稱為網(wǎng)頁元素。從形式上分析,這些網(wǎng)頁元素通過標簽進行分隔,然后表達一定的語義。很多時候,我們把網(wǎng)頁標簽和網(wǎng)頁元素混為一團,而實際上,網(wǎng)頁文檔就是由元素和標簽組成的容器。
1.所有標簽都包含在“<”和“>”起止標識符中,構(gòu)成一個標簽。例如,<style>、<head>、<body>和<div>等。
2.在HTML文檔中,絕大多數(shù)元素都有起始標簽和結(jié)束標簽,在起始標簽和結(jié)束標簽之間包含的是元素主體。例如,<body>和</body>中間包含的就是網(wǎng)頁內(nèi)容主體。
3.起始標簽包含元素的名稱,以及可選屬性,也就是說元素的名稱和屬性都必須在起始標簽中。結(jié)束標簽以反斜杠開始,然后附加上元素名稱。例如:<tag>元素主體</tag>元素的屬性包含屬性名稱和屬性值兩部分,中間通過等號進行連接,多個屬性之間通過空格進行分隔。屬性與元素名稱之間也是通過空格進行分隔。
例如:<taga1="v1"a2="v2"a3="v3"……an="vn">元素主體</tag>少數(shù)元素的屬性也可能不包含屬性值,僅包含一個屬性名稱。
例如:<taga1a2a3……an>元素主體</tag>一般屬性值應(yīng)該包含在引號內(nèi),雖然不加引號,瀏覽器也能夠解析,但是讀者應(yīng)該養(yǎng)成良好的習慣。屬性是可選的,元素包含多少個屬性,也是不確定的,這主要根據(jù)不同元素而定。不同的元素會包含不同的屬性。HTML也為所有元素定義了公共屬性,如title、id、class、style等。雖然大部分標簽都是成對出現(xiàn),但是也有少數(shù)標簽不是成對的,這些孤立的標簽,被稱為空標簽??諛撕灅撕瀮H包含起始標簽,沒有結(jié)束標簽。例如:<tag>同樣,空標簽也可以包含很多屬性,用來標識特殊效果或者功能,例如:<taga1="v1"a1="v1"a2="v2"……an="vn">標簽可以相互嵌套,形成文檔結(jié)構(gòu)。嵌套必須匹配,不能交錯嵌套,例如,<div><span></div></span>。合法的嵌套應(yīng)該是包含或被包含的關(guān)系,例如,<div><span></span></div>或<span><div></div></span>。HTML文檔所有信息必須包含在<html>標簽中,所有文檔元信息應(yīng)包含在<head>子標簽中,而HTML傳遞信息和網(wǎng)頁顯示內(nèi)容應(yīng)包含在<body>子標簽中。深圳網(wǎng)站制作博納網(wǎng)絡(luò)編輯整理。全文未完,如對您有幫助,敬請繼續(xù)關(guān)注本站。