超文本標(biāo)記語言_第1頁
超文本標(biāo)記語言_第2頁
超文本標(biāo)記語言_第3頁
已閱讀5頁，還剩10頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認(rèn)領(lǐng)

文檔簡介

1、超文本標(biāo)記語言（英文：HyperText Markup Language , HTML ）超文本標(biāo)記語言（英文： HyperText Markup Language ，HTML ）是為“網(wǎng)頁創(chuàng)建和其它可在網(wǎng)頁瀏覽器中看到的信 息”設(shè)計的一種標(biāo)記語言。 HTML 被用來結(jié)構(gòu)化信息例 如標(biāo)題、段落和列表等等，也可用來在一定程度上描述文檔 的外觀和語義。1982年由蒂姆伯納斯-李創(chuàng)建，由IETF用 簡化的 SGML （標(biāo)準(zhǔn)通用標(biāo)記語言）語法進行進一步發(fā)展的 HTML，后來成為國際標(biāo)準(zhǔn)，由萬維網(wǎng)聯(lián)盟（W3C）維護。1 基本介紹HTML （ HyperText Markup Language ），超文本

2、標(biāo)記語言，是 一種專門用于創(chuàng)建 Web 超文本文檔的編程語言，它能告訴Web 瀏覽程序如何顯示 Web 文檔（即網(wǎng)頁） 的信息， 如何鏈 接各種信息。 使用 HTML 語言可以在其生成的文檔中含有其 它文檔，或者含有圖像、聲音、視頻等，從而形成超文本。超文本文檔本身并不真正含有其他的文檔，它僅僅含有 指向這些文檔的指針，這些指針就是超鏈接。 HTML 是用來 制作網(wǎng)頁的語言， 網(wǎng)頁中的每個元素都需要用 HTML 規(guī)定的 專門標(biāo)記來定義。要讓設(shè)計者在網(wǎng)絡(luò)上發(fā)布的網(wǎng)頁能夠被世界各地的瀏 覽者所閱讀， 需要一種規(guī)范化的發(fā)布語言。 在萬維網(wǎng) （WWW） 上，文檔的發(fā)布語言是 HTML 。標(biāo)記語言是一種

3、基于源代碼解釋的訪問方式，它的源文 件由一個純文本文件組成，代碼中由許多元素組成，而前臺 瀏覽器通過解釋這些元素顯示各種樣式的文檔。換句話說， 瀏覽器就是把純文本的后臺源文件以賦有樣式定義的超文 本文件方式顯示出來。HTML 和網(wǎng)絡(luò)是緊密相連的， HTML 語言的發(fā)展和瀏覽 器的支持是密不可分的， 在 20 世紀(jì) 90 年代網(wǎng)絡(luò)剛剛興起時， 多種瀏覽器同時流行于世界各地， 它們支持 HTML 語言的標(biāo) 準(zhǔn)也各不相同， 這樣限制了 HTML 標(biāo)記語言本身的發(fā)展， 逐 漸，W3C網(wǎng)絡(luò)標(biāo)準(zhǔn)化組織聯(lián)手一些較為流行瀏覽器開發(fā)廠商 一同定義 HTML 標(biāo)準(zhǔn)，并且力推瀏覽器解釋語言和顯示方法 的統(tǒng)一。到今天

4、， IE 瀏覽器隨著 WINDOWS 操作信息系統(tǒng)的絕 對壟斷地位占據(jù)著主流市場， 這也在另一方面為 HTML 標(biāo)準(zhǔn) 的統(tǒng)一起到了關(guān)鍵作用。2 語言特點HTML 文檔制作不是很復(fù)雜，但功能強大，支持不同數(shù) 據(jù)格式的文件鑲?cè)耄?這也是 WWW 盛行的原因之一， 其主要 特點如下：1、簡易性， HTML 版本升級采用超集方式，從而更加靈活方便2、可擴展性， HTML 語言的廣泛應(yīng)用帶來了加強功能， 增加標(biāo)識符等要求， HTML 采取子類元素的方式，為系統(tǒng)擴 展帶來保證。3、平臺無關(guān)性。雖然 PC 機大行其道，但使用 MAC 等 其他機器的大有人在， HTML 可以使用在廣泛的平臺上，這 也是 WW

5、W 盛行的另一個原因。2.1 編輯 HTMLHTML 其實是文本，它需要瀏覽器的解釋， HTML 的編 輯器大體可以分為三種：1、基本編輯軟件，使用 WINDOWS 自帶的記事本或?qū)?字板都可以編寫，當(dāng)然，如果你用 WPS 來編寫，也可以。 不過存盤時請使用.htm或.html作為擴展名，這樣瀏覽器就可 以解釋執(zhí)行了。2、半所見即所得軟件，這種軟件能大大提高開發(fā)效率， 它可以使你在很短的時間內(nèi)做出 HOMEPAGE ，且可以學(xué)習(xí) HTML ，這種類型的軟件主要有 HOTDOG ，還有國產(chǎn)的軟件 網(wǎng)頁作坊。3、所見即所得軟件，使用最廣泛的編輯器，完全可以 一點不懂 HTML 的知識就可以做出網(wǎng)頁

6、，這類軟件主要有 FRONTPAGE2003 ， DREAMWEA VER 。3 發(fā)展歷史3.1 HTML超文本標(biāo)記語言（第一版）在 1993 年 6 月作為互 聯(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)過時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 （微小改進） 1999 年 12 月 24 日， W3C 推薦標(biāo)準(zhǔn)HTML 5 的

7、第一份正式草案已于 2008年 1月 22 日公布， 仍繼續(xù)完善ISO/IEC 15445:2000 （“ ISO HTML ”） 2000 年 5 月 15 日發(fā)布，基于嚴(yán)格的 HTML 4.01 語法，是國際標(biāo)準(zhǔn)化組 織和國際電工委員會的標(biāo)準(zhǔn)。HTML 沒有 1.0 版本是因為當(dāng)時有很多不同的版本。有 些人認(rèn)為蒂姆伯納斯-李的版本應(yīng)該算初版，這個版本沒有 IMG 元素。 當(dāng)時被稱為 HTML+ 的后續(xù)版的開發(fā)工作于 1993 年開始，最初是被設(shè)計成為“ HTML 的一個超集”。第一個 正式規(guī)范為了和當(dāng)時的各種 HTML 標(biāo)準(zhǔn)區(qū)分開來，使用了 2.0 作為其版本號。 HTML+ 的發(fā)展繼續(xù)下

8、去，但是它從未成為標(biāo)準(zhǔn)HTML3.0 規(guī)范是由當(dāng)時剛成立的 W3C 于 1995 年 3 月提 出，提供了很多新的特性，例如表格、文字繞排和復(fù)雜數(shù)學(xué) 元素的顯示。雖然它是被設(shè)計用來兼容 2.0 版本的，但是實 現(xiàn)這個標(biāo)準(zhǔn)的工作在當(dāng)時過于復(fù)雜，在草案于1995 年 9 月過期時，標(biāo)準(zhǔn)開發(fā)也因為缺乏瀏覽器支持而中止了。 3.1 版 從未被正式提出，而下一個被提出的版本是開發(fā)代號為 Wilbur 的 HTML 3.2 ，去掉了大部分 3.0 中的新特性， 但是加 入了很多特定瀏覽器，例如 Netscape 和 Mosaic 的元素和屬 性。 HTML 對數(shù)學(xué)公式的支持最后成為另外一個標(biāo)準(zhǔn) MathM

9、L 。HTML 4.0 同樣也加入了很多特定瀏覽器的元素和屬性， 但是同時也開始“清理”這個標(biāo)準(zhǔn)，把一些元素和屬性標(biāo)記 為過時的， 建議不再使用它們。 HTML 的未來和 CSS 結(jié)合會 更好。HTML 5草案的前身名為 Web Applications 1.0。于2004 年被 WHATWG 提出，于 2007 年被 W3C 接納，并成立了新 的 HTML 工作團隊。 在 2008 年 1 月 22 日，第一份正式草案 發(fā)布。 WHATWG 表示該規(guī)范是目前正在進行的工作，仍須 多年的努力。3.2 XHTMLXHTML 1.0發(fā)布于 2000 年 1 月 26 日，是 W3C 推 薦標(biāo)準(zhǔn)，后

10、來經(jīng)過修訂于 2002年8月 1日重新發(fā)布。XHTML 1.1，于2001年5月31日發(fā)布，W3C推薦標(biāo)準(zhǔn)。XHTML 2.0 ， W3C 工作草案。XHTML 5 ，從 XHTML 1.x 的更新版，基于 HTML 5 草 案。4 整體結(jié)構(gòu)一個網(wǎng)頁對應(yīng)于一個 HTML 文件， HTML 文件以 .htm 或. html 為擴展名?？梢允褂萌魏文軌蛏?TXT 類型源文件 的文本編輯來產(chǎn)生 HTML 文件。標(biāo)準(zhǔn)的 HTML 文件都具有 一個基本的整體結(jié)構(gòu)，即 HTML 文件的開頭與結(jié)尾標(biāo)志和 HTML 的頭部與實體 2大部分。 有3個雙標(biāo)記符用于頁面整 體結(jié)構(gòu)的確認(rèn)。標(biāo)記符 <H

11、TML> ；說明該文件是用 HTML 來描述 的。它是文件的開頭，而 </HTML> ；則表示該文件的 結(jié)尾，它們是 HTML 文件的始標(biāo)記和尾標(biāo)記。4.1 文件頭部內(nèi)容<head></head> ；這 2 個標(biāo)記符分別表示頭部 信息的開始和結(jié)尾。 頭部中包含的標(biāo)記是頁面的標(biāo)題、 序言、 說明等內(nèi)容，它本身不作為內(nèi)容來顯示，但影響網(wǎng)頁顯示的 效果。頭部中最常用的標(biāo)記符是標(biāo)題標(biāo)記符和 meta 標(biāo)記符，其中標(biāo)題標(biāo)記符用于定義網(wǎng)頁的標(biāo)題，它的內(nèi)容顯示在網(wǎng)頁 窗口的標(biāo)題欄中，網(wǎng)頁標(biāo)題可被瀏覽器用作書簽和

12、收藏清 單。4.2 文件主體內(nèi)容<body></body> ；，網(wǎng)頁中顯示的實際內(nèi)容均 包含在這 2 個正文標(biāo)記符之間。 正文標(biāo)記符又稱為實體標(biāo)記。 5 文檔標(biāo)題5.1 頁面主體內(nèi)容描述<html> 標(biāo)記網(wǎng)頁的開始<head> ；標(biāo)記頭部的開始： 頭部元素描述， 如文檔 標(biāo)題等，還可以加入 css 與 javascript 的引入標(biāo)簽 <script /> ；與 <link /></head> ；標(biāo)記

13、頭部的結(jié)束<body> 標(biāo)記頁面正文開始5.2 頁面實體部分</body> ；標(biāo)記正文結(jié)束</html> ；標(biāo)記該網(wǎng)頁的結(jié)束當(dāng)然，如果不使用以上基本框架結(jié)構(gòu)，而直接使用在實體部分中出現(xiàn)的標(biāo)記符，在瀏覽器下也可以解釋執(zhí)行5.3 正文標(biāo)記的使用每種 HTML 標(biāo)記符在使用中可帶有不同的屬性項， 用于 描述該標(biāo)記符說明的內(nèi)容顯示不同的效果。正文標(biāo)記符中提 供以下屬性來改變文本的顏色及頁面背景。BGCOLOR 用于定義網(wǎng)頁的背景色， BACKGROUND 用于定義網(wǎng)頁背景圖案的圖像文件TEXT 用于定義正文字符的顏色，

14、默認(rèn)為黑色LINK 用于定義網(wǎng)頁中超級鏈接字符的顏色，默認(rèn)為藍 色VLINK 用于定義網(wǎng)頁中已被訪問過的超接鏈接字符的 顏色，默認(rèn)為紫紅色ALINK 用于定義被鼠標(biāo)選中，但未使用時超鏈字符的 顏色，默認(rèn)為紅色例如：標(biāo)記將定義頁面的背景色為黑色，正文字體顯示 為白色。以上屬性使用中， 需要對顏色進行說明， 在 HTML 中對 顏色可使用 2 種方法說明顏色屬性值， 即顏色名稱 （英文名） 和顏色值。 其中顏色值用 6 個十六進制數(shù)來分別描述紅、 綠、 藍三原色的配方法稱為 RGB 值，每 2 個十六進制數(shù)表 示一種顏色。使用顏色值時，應(yīng)在值前冠以“#”號。使用圖案代替背景顏色，可以使頁面更生動、

15、美觀可將圖像文件 image.gif 所表示的一幅圖像作為頁面的 背景，若圖像幅面不夠大，將會將圖像重復(fù)平鋪在窗口中。5.4 HTML 字符集在網(wǎng)頁中除了可顯示常見的 ASC 字符和漢字外，HTML 還有許多特殊字符，它們一起構(gòu)成了 HTML 字符集。 有 2 種情況需要使用特殊字符，一是網(wǎng)頁中有其特殊意義的 字符，二是鍵盤上沒有的字符。 HTML 字符可以用一些代碼 來表示， 代碼可以有 2種表示方式。 即字符代碼 （命名實體） 和數(shù)字代碼（編號實體） 。字符代碼以 & ；符開始，以分 號結(jié)束，其間是字符名；數(shù)字代碼也以 & ；符開始，以 分號結(jié)束，其間是 #

16、 號加編號。5.5 HTML 的有關(guān)約定在編輯 HTML 文件和使用有關(guān)標(biāo)記符時有一些約定或 默認(rèn)的要求。 文本標(biāo)記語言源程序的文件擴展名默認(rèn)使用 htm 或 html。在使用文本編輯器時，注意修改擴展名。而常用的圖 像文件的擴展名為 gif 和 jpg。 HTML 源程序為文本文件，其列寬可不受限制，即 多個標(biāo)記可寫成一行，甚至整個文件可寫成一行；若寫成多 行，瀏覽器一般忽略文件中的回車符（標(biāo)記指定除外） ；對 文件中的空格通常也不按源程序中的效果顯示。完整的空格 可使用特殊符號（實體符） “ &nbsp （注意此字母必須小 寫，方可空格） ”表示非換行空格；表示文件路徑時使

17、用符 號“ /”分隔，文件名及路徑描述可用雙引號也可不用引號括 起。 標(biāo)記符中的標(biāo)記元素用尖括號括起來，帶斜杠的元 素表示該標(biāo)記說明結(jié)束；大多數(shù)標(biāo)記符必須成對使用，以表 示作用的起始和結(jié)束； 標(biāo)記元素忽略大小寫， 即其作用相同， 但完整的空格可使用特殊符號“ &nbsp （注意此字母必 須小寫，方可空格） ”；許多標(biāo)記元素具有屬性說明，可用參 數(shù)對元素作進一步的限定，多個參數(shù)或?qū)傩皂椪f明次序不 限，其間用空格分隔即可；一個標(biāo)記元素的內(nèi)容可以寫成多 行。 標(biāo)記符號，包括尖括號、標(biāo)記元素、屬性項等必須 使用半角的西文字符，而不能使用全角字符。 HTML 注釋由驚嘆號表示，注釋內(nèi)容由

18、符號結(jié)束。 注釋內(nèi)容可插入文本中任何位置。任何標(biāo)記若在其最前插入 驚嘆號，即被標(biāo)識為注釋，不予顯示。5.6 常用標(biāo)簽元素<html></html> 創(chuàng)建一個 HTML 文檔 <head></head> 設(shè)置文檔標(biāo)題和其它在網(wǎng)頁中不顯示的信息<title></title> 設(shè)置文檔的標(biāo)題<h1></h1> 最大的標(biāo)題<pre></pr

19、e> 預(yù)先格式化文本<u></u> <b></b> <i></i><tt></tt>下劃線黑體字斜體字打字機風(fēng)格的字體<cite></cite> 引用，通常是斜體<em></em> 強調(diào)文本（通常是斜體加黑體）<strong&g

20、t;</strong> 加重文本（通常是斜體加 黑體）<font size="" color=""></font>設(shè)置字體大小從 1 到 7，顏色使用名字或 RGB 的十六進制值<BASEFONT></BASEFONT> 基準(zhǔn)字體標(biāo) 記<big></big> 字體加大 <SMALL></SMALL> 字體縮

21、小 <STRIKE></STRIKE> 加刪除線 <CODE></CODE> 程式碼 <KBD></KBD> 鍵盤字<SAMP></SAMP> 范例<V AR></V AR> 變量 <BLOCKQUOTE></BLOCKQUOTE> 向右 縮排<DF

22、N></DFN> 述語定義 <ADDRESS></ADDRESS> 地址標(biāo)記 <sup></SUP> 上標(biāo)字<SUB></SUB> 下標(biāo)字<xmp>.</xmp> ；固定寬度字體（在文件中 空白、換行、定位功能有效）<plaintext>.</plaintext> ；固定寬度字

23、體（不 執(zhí)行標(biāo)記符號）<listing>.</listing>固定寬度小字體<font color=00ff00>.</font> ；字體顏色<font size=1>.</font> ；最小字體<font style ='font-size:100 px'>.</font> ；無限 增大格式標(biāo)志標(biāo)簽<p></p&a

24、mp;gt; 創(chuàng)建一個段落<p align=""> 將段落按左、中、右對齊 <br> 換行 插入換行符 <blockquote></blockquote> 從兩邊縮進文本 <dl></dl> 定義列表<dt> 放在每個定義術(shù)語詞前<dd> 放在每個定義之前<ol></ol> 創(chuàng)建一個標(biāo)有數(shù)字的列表<ul></ul> 創(chuàng)建一個標(biāo)有圓點的列表<li> 放在每個列表項之前，若在

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論