網(wǎng)頁(yè)的html(自動(dòng)生成靜態(tài)頁(yè)面)
設(shè)計(jì)HTML語(yǔ)言的目的是為了能把存放在一臺(tái)電腦中的文本或圖形與另一臺(tái)電腦中的文本或圖形方便地聯(lián)系在一起,形成有機(jī)的整體,人們不用考慮具體信息是在當(dāng)前電腦上還是在網(wǎng)絡(luò)的其它電腦上。我們只需使用鼠標(biāo)在某一文檔中點(diǎn)取一個(gè)圖標(biāo),Internet就會(huì)馬上轉(zhuǎn)到與此圖標(biāo)相關(guān)的內(nèi)容上去,而這些信息可能存放在網(wǎng)絡(luò)的另一臺(tái)電腦中。
另外,HTML是網(wǎng)絡(luò)的通用語(yǔ)言,一種簡(jiǎn)單、通用的全置標(biāo)記語(yǔ)言。它允許網(wǎng)頁(yè)制作人建立文本與圖片相結(jié)合的復(fù)雜頁(yè)面,這些頁(yè)面可以被網(wǎng)上任何其他人瀏覽到,無(wú)論使用的是什么類型的電腦或?yàn)g覽器。神奇嗎?一點(diǎn)都不神奇,因?yàn)楝F(xiàn)在你看到的就是這種語(yǔ)言寫(xiě)的頁(yè)面!
也許你聽(tīng)說(shuō)過(guò)許多可以編輯網(wǎng)頁(yè)的軟件,事實(shí)上,你不需要用任何專門(mén)的軟件來(lái)建立HTML頁(yè)面;你所需要的只是一個(gè)文本編輯器(或字處理器)(如Office Word\記事本\寫(xiě)字板\Gedit\Vim\OpenOffice.org等等)以及HTML的工作常識(shí)。其實(shí)你很快就會(huì)發(fā)現(xiàn),基礎(chǔ)的HTML語(yǔ)言簡(jiǎn)直容易死了。
HTML只不過(guò)是組合成一個(gè)文本文件的一系列標(biāo)簽。它們像樂(lè)隊(duì)的指揮,告訴樂(lè)手們哪里需要停頓,哪里需要激昂。
HTML標(biāo)簽通常是英文詞匯的全稱(如塊引用:blockquote)或縮略語(yǔ)(如“p”代表Paragraph),但它們的與一般文本有區(qū)別,因?yàn)樗鼈兎旁趩螘?shū)名號(hào)里。故Paragragh標(biāo)簽是
,塊引用標(biāo)簽是
。有些標(biāo)簽說(shuō)明頁(yè)面如何被格式化(例如,開(kāi)始一個(gè)新段落),其他則說(shuō)明這些詞如何顯示(使文字變粗)還有一些其他標(biāo)簽提供在頁(yè)面上不顯示的信息--例如標(biāo)題。
關(guān)于標(biāo)簽,需要記住的是,它們是成雙出現(xiàn)的。每當(dāng)使用一個(gè)標(biāo)簽--如,則必須以另一個(gè)標(biāo)簽
將它關(guān)閉。注意“blockquote”前的斜杠,那就是關(guān)閉標(biāo)簽與打開(kāi)標(biāo)簽的區(qū)別。 但是也有一些標(biāo)簽例外。比如,標(biāo)簽就不需要。
基本HTML頁(yè)面以DOCTYPE開(kāi)始,它聲明文檔的類型,且它之前不能有任何內(nèi)容(包括換行符和空格),否則將使文檔聲明無(wú)效,接著是標(biāo)簽,以結(jié)束。在它們之間,整個(gè)頁(yè)面有兩部分--標(biāo)題和正文。
標(biāo)題詞--夾在和標(biāo)簽之間--這個(gè)詞語(yǔ)在打開(kāi)頁(yè)面時(shí)出現(xiàn)在屏幕底部最小化的窗口。正文則夾在和之間--即所有頁(yè)面的內(nèi)容所在。頁(yè)面上顯示的任何東西都包含在這兩個(gè)標(biāo)簽之中。
那么讓我們建立一個(gè)簡(jiǎn)單的范例吧,非常容易的。第一步,當(dāng)然是要建立一個(gè)新的文本文件(記住,如果你在使用比較復(fù)雜的文字處理器,就應(yīng)該用“純文本”或“普通文本”來(lái)保存),將它命名為“xxxx.html”。(隨便你起一個(gè)什么名字,擴(kuò)展名也可是HTM)。然后你可以用瀏覽器將它打開(kāi),你會(huì)看見(jiàn)最簡(jiǎn)單的自己做的頁(yè)面。 HTML有什么特點(diǎn)和好處?
HTML文檔制作不是很復(fù)雜,且功能強(qiáng)大,支持不同數(shù)據(jù)格式的文件鑲?cè)耄@也是WWW盛行的原因之一,其主要特點(diǎn)如下:
1 簡(jiǎn)易性,HTML版本升級(jí)采用超集方式,從而更加靈活方便。
2 可擴(kuò)展性,HTML語(yǔ)言的廣泛應(yīng)用帶來(lái)了加強(qiáng)功能,增加標(biāo)識(shí)符等要求,HTML采取子類元素的方式,為系統(tǒng)擴(kuò)展帶來(lái)保證。
3 平臺(tái)無(wú)關(guān)性。雖然PC機(jī)大行其道,但使用MAC等其他機(jī)器的大有人在,HTML可以使用在廣泛的平臺(tái)上,這也是WWW盛行的另一個(gè)原因。用什么可以編輯HTML?
HTML其實(shí)是文本,它需要瀏覽器的解釋,HTML的編輯器大體可以分為三種,
1 基本編輯軟件,使用WINDOWS自帶的記事本或?qū)懽职娑伎梢跃帉?xiě),當(dāng)然,如果你用WPS來(lái)編寫(xiě),也可以。不過(guò)存盤(pán)是請(qǐng)使用.htm或.html作為擴(kuò)展名,這樣瀏覽器就可以解釋執(zhí)行了。
2 半所見(jiàn)即所得軟件,這種軟件能大大提高開(kāi)發(fā)效率,它可以使你在很短的時(shí)間內(nèi)做出Homepage,且可以學(xué)習(xí)HTML,這種類型的軟件主要有HOTDOG,還有國(guó)產(chǎn)的軟件網(wǎng)頁(yè)作坊。
3 所見(jiàn)即所得軟件,使用最廣泛的編輯器,完全可以一點(diǎn)不懂HTML的知識(shí)就可以做出網(wǎng)頁(yè),這類軟件主要有Frontpage98,DREAMWEAVER。
更先進(jìn)難懂的技術(shù)XHTML?
XHTML中的X是可擴(kuò)展的意思,XHTML就是可擴(kuò)展的超文本標(biāo)記語(yǔ)言,它比HTML有更嚴(yán)格的要求。如果說(shuō)HTML是漢語(yǔ),那么XHTML就是標(biāo)準(zhǔn)普通話。對(duì)于現(xiàn)在才剛剛開(kāi)始學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)的朋友,直接學(xué)習(xí)XHTML是最佳的選擇。事實(shí)上它也屬于HTML家族,并且它是基于XML的,對(duì)比以前各個(gè)版本的HTML,它具有更嚴(yán)格的書(shū)寫(xiě)標(biāo)準(zhǔn)、更好的跨平臺(tái)能力。由于某些需要,XHTML將以前版本的HTML能夠?qū)崿F(xiàn)的一些功能交給了CSS,這意味著你將需要學(xué)習(xí)兩種技術(shù)。但是這確實(shí)是Web未來(lái)發(fā)展的潮流。 HTML標(biāo)準(zhǔn)的版本歷史
超文本置標(biāo)語(yǔ)言(第一版)——在1993年6月發(fā)為互聯(lián)網(wǎng)工程工作小組 (IETF)工作草案發(fā)布(并非標(biāo)準(zhǔn)).
HTML 2.0——1995年11月作為RFC 1866發(fā)布,在RFC 2854于2000年6月發(fā)布之后被宣布已經(jīng)過(guò)時(shí)
HTML 3.2——1996年1月14日,W3C推薦標(biāo)準(zhǔn)
HTML 4.0——1997年12月18日,W3C推薦標(biāo)準(zhǔn)
HTML 4.01(微小改進(jìn))——1999年12月24日,W3C推薦標(biāo)準(zhǔn)
ISO/IEC 15445:2000(“ISO HTML”)——2000年5月15日發(fā)布,基于嚴(yán)格的HTML 4.01語(yǔ)法,是國(guó)際標(biāo)準(zhǔn)化組織和國(guó)際電工委員會(huì)的標(biāo)準(zhǔn)
XHTML 1.0——發(fā)布于2000年1月26日,是W3C推薦標(biāo)準(zhǔn),后來(lái)經(jīng)過(guò)修訂于2002年8月1日重新發(fā)布。
XHTML 1.1, 于2001年5月31日發(fā)布
(XHTML 2.0, W3C工作草案)
HTML沒(méi)有1.0版本是因?yàn)楫?dāng)時(shí)有很多不同的版本。有些人認(rèn)為蒂姆·伯納斯-李的版本應(yīng)該算初版,這個(gè)版本沒(méi)有IMG元素。當(dāng)時(shí)被稱為HTML+的后續(xù)版的開(kāi)發(fā)工作于1993年開(kāi)始,最初是被設(shè)計(jì)成為“HTML的一個(gè)超集”。第一個(gè)正式規(guī)范在為了和當(dāng)時(shí)的各種HTML標(biāo)準(zhǔn)區(qū)分開(kāi)來(lái),使用了2.0作為其版本號(hào)。HTML+的發(fā)展繼續(xù)下去,但是它從未成為標(biāo)準(zhǔn)。
HTML3.0規(guī)范是由當(dāng)時(shí)剛成立的W3C于1995年3月提出,提供了很多新的特性,例如表格、文字繞排和復(fù)雜數(shù)學(xué)元素的顯示。雖然它是被設(shè)計(jì)用來(lái)兼容2.0版本的,但是實(shí)現(xiàn)這個(gè)標(biāo)準(zhǔn)的工作在當(dāng)時(shí)過(guò)于復(fù)雜,在草案于1995年9月過(guò)期時(shí),標(biāo)準(zhǔn)開(kāi)發(fā)也因?yàn)槿狈g覽器支持而中止了。3.1版從未被正式提出,而下一個(gè)被提出的版本是開(kāi)發(fā)代號(hào)為Wilbur的HTML 3.2,去掉了大部分3.0中的新特性,但是加入了很多特定瀏覽器,例如Netscape和Mosaic的元素和屬性。HTML對(duì)數(shù)學(xué)公式的支持最后成為另外一個(gè)標(biāo)準(zhǔn)MathML。
HTML 4.0同樣也加入了很多特定瀏覽器的元素和屬性,但是同時(shí)也開(kāi)始“清理”這個(gè)標(biāo)準(zhǔn),把一些元素和屬性標(biāo)記為過(guò)時(shí)的,建議不再使用它們。HTML的未來(lái)和CSS結(jié)合會(huì)更好。
HTML4.01的新突破
1997年 HTML 3.2版已經(jīng)極大豐富了HTML功能。
1997年12月推出HTML 4.0版將HTML語(yǔ)言推向一個(gè)新高度,該版本倡導(dǎo)了兩個(gè)理念。
?。?)將文檔結(jié)構(gòu)和顯示樣式分離;
?。?)更廣泛的文檔兼容性。
由于同期CSS層疊樣式表的配套推出,更使得HTML和CSS對(duì)于網(wǎng)頁(yè)制作的能力達(dá)到前所未有的高度。
1999年12月,W3C網(wǎng)絡(luò)標(biāo)準(zhǔn)化組織推出改進(jìn)版的HTML4.01,該語(yǔ)言相當(dāng)成熟可靠,一直沿用至今。
HTML4.01相比先前的版本在國(guó)際化設(shè)置,提高兼容性,樣式表支持,以及腳本,打印方面都有所提高。
HTML 5 的改進(jìn)
2007年HTML 5草案被W3C接納,并成立了新的HTML工作團(tuán)隊(duì)。
2008年1月22日第一份正式HTML 5草案發(fā)布。
HTML 5增加了更多樣化的API,提供了嵌入音頻、視頻、圖片的函數(shù)、客戶端數(shù)據(jù)存儲(chǔ),以及交互式文檔。其他特性包括新的頁(yè)面元素,比如 , ,