基本介紹
詳細介紹,由來,定義,語言特點,書寫方式,編輯,字元集,整體結構,頭部內容,主體內容,發展歷史,相關要求,常見實體,標記,數據類型,類型描述,元素,關聯項目,
詳細介紹
由來
全球資訊網（world wide web）上的一個超媒體文檔稱之為一個頁面（外語：page）。作為一個組織或者個人在全球資訊網上放置開始點的頁面稱為主頁（外語：Homepage）或首頁，主頁中通常包括有指向其他相關頁面或其他節點的指針（超級連結），所謂超級連結，就是一種統一資源定位器（Uniform Resource Locator，外語縮寫：URL）指針，通過激活（點擊）它，可使瀏覽器方便地獲取新的網頁。這也是HTML獲得廣泛套用的最重要的原因之一。在邏輯上將視為一個整體的一系列頁面的有機集合稱為網站（Website或Site）。超級文本標記語言（英文縮寫：HTML）是為“網頁創建和其它可在網頁瀏覽器中看到的信息”設計的一種標記語言。
網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是全球資訊網（Web）編程的基礎，也就是說全球資訊網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言，是因為文本中包含了所謂“超級連結”點。
定義
超級文本標記語言是標準通用標記語言下的一個套用，也是一種規範，一種標準，它通過標記符號來標記要顯示的網頁中的各個部分。網頁檔案本身是一種文本檔案，通過在文本檔案中添加標記符，可以告訴瀏覽器如何顯示其中的內容（如：文字如何處理，畫面如何安排，圖片如何顯示等）。瀏覽器按順序閱讀網頁檔案，然後根據標記符解釋和顯示其標記的內容，對書寫出錯的標記將不指出其錯誤，且不停止其解釋執行過程，編制者只能通過顯示效果來分析出錯原因和出錯部位。但需要注意的是，對於不同的瀏覽器，對同一標記符可能會有不完全相同的解釋，因而可能會有不同的顯示效果。
語言特點
- 通用性：另外，HTML是網路的通用語言,一種簡單、通用的全置標記語言。它允許網頁製作人建立文本與圖片相結合的複雜頁面，這些頁面可以被網上任何其他人瀏覽到，無論使用的是什麼類型的電腦或瀏覽器。
書寫方式
編輯
它其實是文本，它需要瀏覽器的解釋，它的編輯器大體可以分為三種，
- 半所見即所得軟體，
如：FCK-Editer、E-webediter等線上網頁編輯器；
尤其推薦：Sublime Text代碼編輯器（由Jon Skinner開發，Sublime Text 2收費但可以無限期試用）。 - Microsoft Visual Studio（出品公司：微軟）
- 所見即所得軟體與半所見即所得的軟體相比，開發速度更快，效率更高，且直觀的表現更強。任何地方進行修改只需要刷新即可顯示。缺點是生成的代碼結構複雜，不利於大型網站的多人協作和精準定位等高級功能的實現。
字元集
在網頁中除了可顯示常見的美國信息交換標準代碼（外語縮寫：ASCII）字元和漢字外，HTML還有許多特殊字元，它們一起構成了HTML字元集。有2種情況需要使用特殊字元，一是網頁中有其特殊意義的字元，二是鍵盤上沒有的字元。HTML字元可以用一些代碼來表示，代碼可以有2種表示方式。即字元代碼（命名實體）和數字代碼（編號實體）。字元代碼以“&”符開始，以分號";"結束，其間是字元名，如®。數字代碼也以“&#”符開始，以分號";"結束，其間是編號，如®。
字元集
字元集整體結構
一個網頁對應多個HTML檔案，超文本標記語言檔案以.htm（磁碟作業系統DOS限制的外語縮寫）為擴展名或.html（外語縮寫）為擴展名。可以使用任何能夠生成TXT類型源檔案的文本編輯器來產生超文本標記語言檔案，只用修改檔案後綴即可。標準的超文本標記語言檔案都具有一個基本的整體結構，標記一般都是成對出現（部分標記除外例如：<br/>），即超文本標記語言檔案的開頭與結尾標誌和超文本標記語言的頭部與實體兩大部分。有三個雙標記符用於頁面整體結構的確認。
超文本標記語言
超文本標記語言
HTML代碼頭部內容
<head></head>；這2個標記符分別表示頭部信息的開始和結尾。頭部中包含的標記是頁面的標題、序言、說明等內容，它本身不作為內容來顯示，但影響網頁顯示的效果。頭部中最常用的標記符是標題標記符和meta標記符，其中標題標記符用於定義網頁的標題，它的內容顯示在網頁視窗的標題欄中，網頁標題可被瀏覽器用作書籤和收藏清單。
設定文檔標題和其它在網頁中不顯示的信息，比如direction方向、語言代碼Language Code（實體定義!ENTITY % i18n）、指定字典中的元信息、等等。
以下表格列出了 HTML head 元素：
| 標籤 | 描述 |
|---|---|
<head> | 定義了文檔的信息 |
<title> | 定義了文檔的標題 |
<base> | 定義了頁面連結標籤的默認連結地址 |
<link> | 定義了一個文檔和外部資源之間的關係 |
<meta> | 定義了HTML文檔中的元數據 |
<script> | 定義了客戶端的腳本檔案 |
<style> | 定義了HTML文檔的樣式檔案 |
主體內容
發展歷史
HTML 2.0——1995年11月作為RFC 1866發布，在RFC 2854於2000年6月發布之後被宣布已經過時
HTML 3.2——1997年1月14日，W3C推薦標準
HTML 4.0——1997年12月18日，W3C推薦標準
HTML 4.01（微小改進）——1999年12月24日，W3C推薦標準
HTML 5——2014年10月28日，W3C推薦標準（詳見本處參考資料）
Wijmo是基於HTML5、jQuery、CSS3和SVG的一個控制項包，能夠滿足構建當今Web系統的需求。基於Wijmo，您的系統運行將更加快速和流暢，外觀也會更加引人入勝。Wijmo中所有新的控制項都是在符合最新的UI設計潮流的基礎上，對新的以及改良後的主題進行封裝。優美的、專業的控制項外觀會讓您的應用程式引人注目。比如 ComponentOne Studio for ASP .NET Wijmo 控制項包內置的6個主題，同時可以使用jQuery UI項目提供的 30 多個主題，甚至可以使用 ThemeRoller 創建屬於您自己的系統主題。
HTML沒有1.0版本是因為當時有很多不同的版本。有些人認為蒂姆·伯納斯-李的版本應該算初版，這個版本沒有IMG元素。當時被稱為HTML+的後續版的開發工作於1993年開始，最初是被設計成為“HTML的一個超集”。第一個正式規範為了和當時的各種HTML標準區分開來，使用了2.0作為其版本號。HTML+的發展繼續下去，但是它從未成為標準。
HTML 5草案的前身名為Web Applications 1.0。於2004年被WHATWG提出，於2007年被W3C接納，並成立了新的HTML工作團隊。在2008年1月22日，第一份正式草案發布。
XHTML 2.0，W3C工作草案。
HTML4.01 是常見的版本。
相關要求
HTML常見實體
| 顯示結果 | 描述 | 實體名稱 | 實體編號 |
|---|---|---|---|
空格 | | ||
< | 小於號 | < | < |
> | 大於號 | > | > |
& | 和號 | & | & |
" | 引號 | " | " |
' | 撇號 | ' (IE不支持) | ' |
￠ | 分 | ¢ | ¢ |
￡ | 鎊 | £ | £ |
￥ | 日元 | ¥ | ¥ |
€ | 歐元 | € | € |
§ | 小節 | § | § |
© | 著作權 | © | © |
® | 註冊商標 | ® | ® |
™ | 商標 | ™ | ™ |
× | 乘號 | × | × |
÷ | 除號 | ÷ | ÷ |
標記
數據類型
html示例類型描述
| 公共標識符 | 系統標識符 | 說明 |
|---|---|---|
-//W3C//DTD HTML 4.0//EN | ||
-//W3C//DTD HTML 4.01//EN | 超文本標記語言（版本：4.01）、全球資訊網聯盟。 |
<!DOCTYPE HTML>
這個聲明說明文檔服從超文本標記語言 4.01的嚴格檔案類型描述，這個標準是嚴格結構化的，使用層疊樣式表（外語縮寫：CSS）來做格式化。有時是否存在一個合適的檔案類型描述會影響一個瀏覽器顯示網頁的方式。
除了超文本標記語言 4.01的嚴格檔案類型描述之外，超文本標記語言 4.01也提供“過渡”和“框架集”檔案類型描述。
過渡檔案類型描述是向嚴格的檔案類型描述過渡的緩衝。
框架集檔案類型描述則針對包含框架元素的網頁。
元素
<html></html> 創建一個超文本標記語言文檔。
<head></head> （頭）設定文檔標題和其它在網頁中不顯示的信息，比如direction方向、語言代碼Language Code（見實體定義!ENTITY % i18n）、指定字典中的元信息、等等。
<BASE> 文檔中不能被該站點辨識的其它所有連結源的URL（統一資源定位器）
<script></script>腳本語句標籤，比如引用一個javascript腳本。
<body></body>文檔體，文檔的可見部分。
<title></title> 設定文檔的標題。
內容描述
<h1></h1> 最大的標題（一號標題）
<pre></pre> 預先格式化文本 （英文全稱：PREformatted）
<u></u> 下劃線（英文全稱：Underline）
<b></b> 黑體字 （英文全稱：Bold）
<i></i> 斜體字 （英文全稱：Italics）
<tt></tt>打字機風格的字型
<cite></cite>引用，通常是斜體
<em></em> 強調文本（通常是斜體加黑體、英文全稱：EMphasize）
<strong></strong> 加重文本（通常是斜體加黑體）
<font size="" color=""></font> 設定字型大小從1到7，顏色使用名字或RGB（中文全稱：紅綠藍）的十六進制值
<BASEFONT></BASEFONT>基準字型標記
<big></big> 字型加大
<SMALL></SMALL> 字型縮小
<DELECT></DELECT> 加刪除線
<CODE></CODE>程式碼
<KBD></KBD>鍵盤字（英文全稱：KeyBoarD）
<SAMP></SAMP> 範例（英文全稱：SAMPle）
<VAR></VAR> 變數（英文全稱：VARiable）
<BLOCKQUOTE></BLOCKQUOTE> 向右縮排（向右縮進、塊引用）
<DFN></DFN> 述語定義（英文全稱：DeFiNe）
<ADDRESS></ADDRESS>地址標記
<sup></SUP> 上標字 （英文全稱：SUPerscript）
<SUB></SUB> 下標字（英文全稱：SUBscript）
<plaintext>...</plaintext>；固定寬度字型（不執行標記符號）
<listing>...</listing> 固定寬度小字型
<font color=00ff00>...</font>；字型 顏色
<font size=1>...</font>；字型 大小等於1（最小）。
<font style ='font-size:100 px'>...</font>；字型 樣式等於無限增大（100像素）
格式標誌標籤
<p></p> 創建一個段落 （英文全稱：Paragraphs）
<p align=""> 將段落按左、中、右對齊
<br/>定義新行
<blockquote></blockquote> 從兩邊縮進文本
<dl></dl> 定義列表（英文全稱：DefinitionList）
<dt> 放在每個定義術語詞前（定義術語、英文全稱：DefinitionTerm）
<dd> 放在每個定義之前（定義說明、英文全稱：DefinitionDescription）
<ol></ol> 創建一個標有序的列表，默認前面有數字，從數字“1”開始計數，依次疊加，也可以設定為字母或從任何自然數開始計數的列表項 （有序列表、外語全稱：OrderedList）
<ul></ul> 創建一個無序的列表，默認前面標有圓點，也可以自己設定為none或者其他形狀，如空心圓、方塊等。（無序列表、外語全稱：UnorderedLists）
<li> 放在每個列表項之前，若在<ol></ol>；之間則每個列表項加上一個數字，
若在<ul></ul>；之間則每個列表項加上一個圓點
<div align=""></div> 用來排版大塊HTML段落，也用於格式化表
<MENU> 選項清單
<DIR> 目錄清單
<nobr></nobr> 強行不換行（英文全稱：nobreaking）
<hr size='9' width='80%' color='ff0000'>；水平線（設定寬度、外語全稱：horizontalrule）
<center></center> 水平居中
網頁表格標籤
由於表格可以精確控制文本和圖像在網頁中的顯示位置，所以在很多網站的主頁中一般都使用表格來進行布局。
表格的基本結構如下：
表格的基本結構如下：
<Table> <caption></caption> <tr> <th></th><th></th>... </tr> <tr> <td></td><td></td>... </tr> <tr> <td></td><td></td> </tr> <tr> <td></td><td></td> </tr> ... </Table>
<Table>定義整個表格，即表格的內容要放在<Table>和</Table>標記中；在<Table>中的主要屬性：border屬性顯示表格的框線，width, height屬性定義表格的大小。<caption>標記符用來定義表格的標題。
表格的表示以行為單位，在行中包含列。其中：一個<tr>...</tr>標記表示一行；一個<td>...</td>標記表示一列；<th>... </th>定義表頭，一般可以不用。
連結標誌表格標誌
<a href="一個統一資源定位器"></a>
：創建超文本連結。
<a name="書籤頁"></a>
：創建位於文檔內部的書籤。
<a href="#書籤頁"></a>
：創建指向位於文檔內部書籤的連結。
使用
VLINK（外語全稱：VisitedLINK）用於定義網頁中已被訪問過的超接連結字元的顏色，默認為紫紅色
直接顏色名稱，可以在代碼中直接寫出顏色的英文名稱。如<font color="red">我們</font>，在瀏覽器上顯示時就為紅色。
16進制顏色代碼，語法格式： #RRGGBB 。16進制顏色代碼之前必須有一個“#”號，這種顏色代碼是由三部分組成的，其中前兩位代表紅色，中間兩位代表綠色，後兩位代表藍色。不同的取值代表不同的顏色，他們的取值範圍是00--FF。如<font color="#FF0000">我們</font>，在瀏覽器上顯示同樣為紅色。
10進制RGB碼，語法格式： RGB(RRR,GGG,BBB) 。在這種表示法中，後面三個參數分別是紅色、綠色、藍色，他們的取值範圍是0--255。以上兩種表達方式可以相互轉換，標準是16進制與10進制的相互轉換。如<font color="rgb(255,0,0)">我們</font>，在瀏覽器上顯示字型為紅色。
