由於html標記語言是網頁自動化測試所必須要掌握的，所以重新學習html語言（這似乎是我第四次學習html，這次得堅持了）,這次歸納總結了下，希望能幫助到大家。
學習網址：http://www.w3school.com.cn/html/html_intro.asp
HTML 指的是超文本標記語言 (Hyper Text Markup Language)，用來描述網頁的。Web 瀏覽器的作用是讀取 HTML 文檔，並以網頁的形式顯示出它們。瀏覽器不會顯示 HTML 標簽，而是使用標簽來解釋頁面的內容。HTML文檔是由HTML元素定義的。HTML元素指的是開始標簽到結束標簽的所有代碼。
各個標簽說明
注：所有標簽建議小寫，所有屬性及屬性值建議小寫。
一般標簽的屬性有：
id（元素唯一id），name（元素名稱值），class（元素類名），dir（文本方向），style（元素行內CSS樣式），title（元素額外信息）。
特殊標簽屬性有：
href（鏈接地址），target（標簽打開方式），src（來源），alt（代替的文本信息）
HTML元素語法：
HTML元素以開始標簽開始，以結束標簽結束，開始標簽與結束標簽之間的內容為元素內容。
某些HTML元素具有空內容，無結束標簽。
大多數元素可擁有屬性（屬性總是以名稱/值對出現，如name="value",總是在開始標簽中規定）。
<html>元素內容</html>:為文檔的根元素，定義整個文檔。
<head>元素內容</head>：為文檔的頭信息，頭信息的元素大都不會顯示在瀏覽器上。
<head></head>中使用的標簽如下：
<title>網頁標題</title>：將文檔的題目放在瀏覽器的標題欄中（tab頁標題）。<head>中唯一可見的標簽。
<base />：該標簽為頁面上的所有鏈接規定默認地址屬性href或默認目標屬性target。空標簽。
<meta />:該標簽用於頁面描述，關鍵詞，文檔的作者，最后修改時間以及其他元數據等。元數據（metadata）是關於數據的信息。一些搜索引擎會利用 meta 元素的 name 和 content 屬性來索引您的頁面。name 和 content 屬性的作用是描述頁面的內容。空標簽。
<script></script>:在該文檔中要引用的腳本。如：JavaScript。可詳細查看下文：3.腳本標簽
<style></style>:在該文檔中要引用的CSS樣式，以控制文檔的格式。可詳細查看下文：4.CSS樣式表標簽
<link>:資源引用。如引用CSS樣式表。空標簽。可詳細查看下文：4.CSS樣式表標簽
<body>元素內容</body>:為文檔的正文，其信息會顯示在瀏覽器上。屬性有bgcolor="yellow"（背景顏色），但要避免使用，請用樣式代替<body style="background-color:yellow">。
2.1標題
<h1>元素內容</h1>：標題（Heading）是通過 <h1> - <h6> 等標簽進行定義的。前后有空行。屬性有：align="center"（居中），但要避免使用，請用樣式代替<h1 style="text-align:center">。
2.2段落
<p>元素內容</p>：段落。前后有空行。可以使用style屬性定義段落樣式：以下分別定義了字體，顏色，字體大小。
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
2.3鏈接
<a href="鏈接地址或#錨名">元素內容</a>：鏈接。href為屬性，屬性值可以是url也可以是“mailto：郵件地址”具體可以查看w3cschool。屬性target：target="_blank"（設置鏈接在新窗口打開）。
<a name="錨名">元素內容</a>：被鏈接。name為屬性，設置錨。
有兩種使用 <a> 標簽的方式：
- 通過使用 href 屬性 - 創建指向另一個文檔的鏈接，跳轉到另外一個文檔頁面。
- 通過使用 name 屬性 - 創建文檔內的書簽。在同一個文檔頁面中跳轉。用name屬性設置錨。
2.4圖片
<img src="圖片來源" width="寬像素點" height="高像素點" alt="無法載入圖片時的替代文本" align="圖形對齊方式" border="0" usemap="#map元素的id或者name值"/>：圖片。空元素（無結束標簽）。
<map name="" id=""><area 屬性值對 /></map>：圖像映射。
<area shape="" coords="" href="url" target="_blank" alt="替代文本"/>：圖像映射中可點擊區域。空標簽。
2.5其他
換行，水平線，注釋。
<br/>:換行。空元素。
<hr/>:水平線。空元素。
<!--注釋-->：注釋。瀏覽器會忽略注釋，不會顯示它們。
<script></script>:該標簽用於定義客戶端腳本，比如 JavaScript。可以放着<body>或<head>中。
script 元素既可包含腳本語句，也可通過 src 屬性指向外部腳本文件。必需的 type 屬性規定腳本的 MIME 類型（如text/javascript）。JavaScript 最常用於圖片操作、表單驗證以及內容動態更新。
<noscript>元素內容</noscript>:只有在瀏覽器不支持腳本或者禁用腳本時，才會顯示 noscript 元素中的內容。
在html文件中的js：實例如下：
<script type="text/javascript"> document.write("Hello World!") </script> <noscript>Your browser does not support JavaScript!</noscript>
引用外部的js：實例如下：
<script src="script.js"></script>
script.js文件如下：
document.write("Hello World!")
注：外部腳本script.js中不能包含 <script> 標簽。
CSS層疊樣式表（Cascading Style Sheets）：樣式定義如何顯示HTML元素！
<link>:外部樣式表:鏈接到外部定義的樣式表css文件。空標簽。
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
<style>樣式說明</style>:內部樣式表。在文檔中定義某些特別的樣式。
<head> <style type="text/css"> body {background-color: red} p {margin-left: 20px} </style> </head>
<標簽名 style="樣式說明">元素內容</標簽名>：內聯樣式：定義某個元素的樣式。
<p style="color: red; margin-left: 20px"> This is a paragraph </p>
因此，內聯樣式（在 HTML 元素內部）擁有最高的優先權，然后優先級依次：內部樣式表，外部樣式表，瀏覽器中缺省值。
關於CSS說明，可前往W3CShool學習：http://www.w3school.com.cn/css/css_syntax.asp
<table></table>:該標簽定義表格：border屬性設置邊框粗細大小。cellpadding屬性定義元素邊框與元素內容之間的空間。cellspacing屬性設置單元格間距。frame屬性來控制圍繞表格的邊框。
<tr></tr>:該標簽定義行標簽。
<td>元素內容</td>:該標簽定義列標簽：“ ”代表空表格。align屬性定義單元格內容對齊方式。
<th>元素內容</th>:該標簽定義表格頭：colspan屬性設置橫跨n列，rowspan屬性設置橫跨n行。align屬性定義單元格內容對齊方式。
<caption>我的標題</caption>：該標簽定義表格標題。
6.1無序列表
無序列表是一個項目的列表，此列項目使用粗體圓點（典型的小黑圓圈）進行標記。
<ul></ul>：無序列表始於 <ul> 標簽。
<li> 元素內容</li>：每個列表項始於 <li>標簽。
6.2有序標簽
有序列表有序列表也是一列項目，列表項目使用數字進行標記。
<ol></ol>：有序列表始於 <ol> 標簽。
<li> 元素內容</li>：每個列表項始於 <li> 標簽。
6.3定義列表
自定義列表不僅僅是一列項目，而是項目及其注釋的組合。
<dl></dl>：自定義列表以 <dl> 標簽開始。
<dt>元素內容</dt>:每個自定義列表項以 <dt> 開始。
<dd>元素內容</dd>:每個自定義列表項的定義以 <dd> 開始。
可以通過 <div> 和 <span> 將 HTML 元素組合起來。
7.1塊元素
塊元素的前后會自動加上空行。
如：<div>,<h1>,<p>,<ul>,<table>
<div></div>:非常常用，用於組合其他HTML元素的容器。與CSS一同使用，可用於對大的內容塊設置樣式屬性。
如下：
<!DOCTYPE html> <html> <head> <style> .cities { background-color:black; color:white; margin:20px; padding:20px; } </style> </head> <body> <div class="cities"> <h2>標題</h2> <p>段落1</p> <p>段落2</p> </div> </body> </html>
.cities：表示類class屬性值為cities的標簽內容樣式為style中.cities設定的樣式。
7.2內聯元素
塊元素的前后會自動加上空行。
如：<span>,<b>,<td>,<a>,<img>
<span></span>:非常常用，用於文本的容器。與CSS一同使用，可用於部分文本設置樣式屬性。
如下：
<!DOCTYPE html> <html> <head> <style> span.red { color:red; } </style> </head> <body> <h1>我的<span class="red">重要的</span>標題</h1> </body> </html>
span.red：表示span標簽下的類class屬性值為red的標簽內容樣式為style中span.red設定的樣式。
通過使用框架，你可以在同一個瀏覽器窗口中顯示不止一個頁面。每份HTML文檔稱為一個框架，並且每個框架都獨立於其他的框架。
8.1框架標簽
<frameset></frameset>：該標簽定義HTML框架。rows/columns 的屬性值規定了每行或每列占據屏幕的面積。
<noframes>元素內容</noframes>：元素內容的文字就必須將這段文字嵌套於 <body></body> 標簽內。
<frame />：定義每個框架。屬性有src（來源），noresize（框架邊緣不可改變大小）。空標簽。
如下：
<html> <frameset cols="50%,*,25%"> <frame src="/example/html/frame_a.html" noresize="noresize" /> <frame src="/example/html/frame_b.html" /> <frame src="/example/html/frame_c.html" /> </frameset> <noframes> <body>您的瀏覽器無法處理框架！</body> </noframes> </html>
8.2內聯框架標簽
<iframe src="URL"></iframe>：該標簽用於定義內聯框架。iframe 用於在網頁內顯示網頁。
126郵箱登錄內聯框架實例如下：
<iframe id="x-URS-iframe" frameborder="0" name="" scrolling="no" style="width: 100%; height: 100%; border: medium none; background: none repeat scroll 0% 0% transparent;" src="http://passport.126.com/webzj/m126_1.0.1/pub/index_dl.html?wdaId="> <html> ...... </html> </iframe>
設置frameborder屬性值為 "0" 就可以移除邊框。src屬性指向隔離頁面的位置。
還可以使用 iframe 作為鏈接的目標
iframe 可用作鏈接的目標（target）。鏈接的 target 屬性必須引用 iframe 的 name 屬性：
<!DOCTYPE html> <html> <body> <iframe src="/example/html/demo_iframe.html" name="iframe_a"></iframe> <p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p> <p><b>注釋：</b>由於鏈接的目標匹配 iframe 的名稱，所以鏈接會在 iframe 中打開。</p> </body> </html>
<b>元素內容</b>:加粗。
<i>元素內容</i>:斜體。
<em>元素內容</em>：定義着重文字。
<strong>元素內容</strong>：定義加重語氣。
<big>元素內容</big>:定義大字號。
<small>元素內容</small>:定義小字號。
<sub>元素內容</sub>:定義下標。
<sup>元素內容</sup>:定義上標。
<ins>元素內容</ins>:定義插入字。
<del>元素內容</del>:定義刪除字。
<pre>元素內容</pre>:定義預格式文本，保留原來的空格。
<abbr>元素內容</abbr>:定義縮寫。
<address>元素內容</address>:定義地址。
<address>
Written by <a href="mailto:webmaster@example.com">Donald Duck</a>. </address>
<form></form>:該標簽定義HTML表單。HTML 表單用於收集用戶輸入。表單元素指的是不同類型的 input 元素、復選框、單選按鈕、提交按鈕等等。屬性有：action：指定表單處理程序，submit提交到此。method：規定提交表單時所用的HTTP方法（GET或POST）。name：識別表單名稱。accept-charset：使用的字符集。
<fieldset></fieldset>:定義域。用於組合表單數據。
<legend>標題</legend>定義域標題。
<input>:輸入框或單選框或提交按鈕等通過type屬性值設置。
type屬性：text：文本輸入。password：密碼域。radio：單選框。checkbox：復選框。submit：提交表單。button：按鈕。number：數字。
value屬性：規定輸入字段的初始值。
readonly屬性：只讀。
disabled屬性：禁用。
size屬性：規定輸入字段的尺寸（以字符計）。
maxlength 屬性：規定輸入字段允許的最大長度。
屬性還有，id，name。屬性值checked="checked"，表示默認被選中的選項。
<select></select>:定義下拉列表。
<option></option> ：定義待選擇的選項。屬性值selected="selected"，表示默認被選擇的選項。
<textarea></textarea>:文本域。屬性rows和cols。
<button></button>:定義按鈕。
<datalist></datalist>:h5新增的元素，用戶輸入數據時看到預定義選項的下拉列表。<input> 元素的 list 屬性必須引用 <datalist> 元素的 id 屬性。元素內容：<option value="">。