在學習selenium做UI自動化時，必不可少的是前端頁面的元素定位，因此大概了解下HTML知識是相當有必要的啦，因此將在寫自動化腳本時需要HTML知識粗略整理了一下~第一次在博客園寫博客，排版不太友好，需要的小伙伴將就着看下咯~
HTML（Hyper Text Markup Language），超文本標記語言，使用標記標簽來描述解釋網頁。
HTML文檔即網頁，包含標簽和純文本。標簽不會顯示在瀏覽器上，瀏覽器顯示的時候文本的內容。常見標簽如下：
標簽尖括號、成對出現（開始標簽和結束標簽）。
標題（Heading）是通過 <h1> - <h6> 等標簽進行定義的，<h1>最大，<h6>最小。瀏覽器會自動在塊級元素前后添加一個額外的空行。
<!-- 注釋 -->。
<html>描述網頁</html>
<body>可見的頁面內容</body>，定義了HTML文檔的主題。
<p>段落</p>
<div>塊級元素，能用作其他HTML元素的容器</div>
<span>行內元素，用作文本的容器</span>
<a href="http://baidu.com">this is a link</a>，此時this is a link即為一個鏈接，指向百度首頁。<a>標簽定義超鏈接，最重要的熟悉是href屬性。
<img src="abc.jpg" width="104" height="142" />，插入一張圖片並定義了其寬和高。
元素標簽的<></>之間的內容即為元素。
空元素：<hr/>創建水平線、<br/>代表換行，空元素即沒有內容的HTML元素，在開始標簽中關閉。
HTML文檔由嵌套的元素構成，html嵌套body，body嵌套p等。
屬性在開始標簽中規定，以鍵值對形式出現。
eg：<h1 align="center"> 擁有關於對齊方式的附加信息。align="center"即為屬性。常用屬性如下：
| 屬性 | 值 | 描述 |
|---|---|---|
| class | classname | 規定元素的類名（classname） |
| id | id | 規定元素的唯一 id |
| style | style_definition | 規定元素的行內樣式（inline style） |
| title | text | 規定元素的額外信息（可在工具提示中顯示） |
類即對相同的元素設置相同的樣式，一般在<head>之間添加<style>標簽.類名{屬性}</style>，在元素中引用該類，eg：<span class="類名">引用該樣式的元素</span>。
iframe用法，結合代碼來理解：
<iframe src="demo_iframe.htm"name="iframe_a"></iframe> <p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>
http://www.w3school.com.cn網址的內容將在src="demo_iframe.htm"這里打開。
form表單屬性如下：
| 屬性 | 描述 |
|---|---|
| type | text（定義常規文本輸入），radio（定義單選按鈕輸入），checkbox（復選框）、submit（定義提交按鈕）。 |
| accept-charset | 規定在被提交表單中使用的字符集（默認：頁面字符集）。 |
| action | 規定向何處提交表單的地址（URL）（提交頁面），即處理表單的程序。 |
| autocomplete | 規定瀏覽器應該自動完成表單（默認：開啟）。 |
| enctype | 規定被提交數據的編碼（默認：url-encoded）。 |
| method | 規定在提交表單時所用的 HTTP 方法（默認：GET，表單數據在頁面地址欄可見）。如果表單正在更新數據，或包含敏感信息則用POST |
| name | 規定識別表單的名稱（對於 DOM 使用：document.forms.name）,每個input字段后必須設置一個name。 |
| novalidate | 規定瀏覽器不驗證表單。 |
| target | 規定 action 屬性中地址的目標（默認：_self）。 |
表單元素
<input>，輸入類型type如下（並不是所有瀏覽器都支持下面的屬性）：
- text：文本輸入
- password：字符會被做掩碼處理即顯示為星號或圓點
- submit：提交表單數據至表單處理程序的按鈕
- radio：定義單選按鈕，即圓圈
- checkbox：定義復選框
- button：定義按鈕，和onclick屬性一起使用，onclick的值為點擊按鈕后調用的方法
- number：數字輸入
- date、month、week、time、datetime：出現日期、周、時間選擇器等
- color：顏色選擇器
- range：顯示為滑動控件
- email、search、tel、url：這些會使鍵盤自動添加相應的字段來匹配類型。
<select>,下拉元素，如下，<option>元素定義待選擇的選項：
<select name="cars"> <option value="volvo" selected>Volvo</option> //selected屬性可以定義預定義選項
</select>
<textarea>定義多行輸入字段（文本域）。
<button>定義可點擊的按鈕。
<datalist>設置預定義值。<input> 元素的 list 屬性必須引用 <datalist> 元素的 id 屬性。有些瀏覽器不支持該元素。