1段落<p>
如果想在網頁上顯示文章，這時就需要<p>標籤了，把文章的段落放到<p>標籤中。
語法：
<p>段落文本</p>
注意一段文字一個<p>標籤，如在一篇新聞文章中有3段文字，就要把這3個段落分別放到3個<p>標籤中。如下圖所示。
2標題<hx>
標題標籤一共有6個，h1、h2、h3、h4、h5、h6分別爲一級標題、二級標題、三級標題、四級標題、五級標題、六級標題。並且依據重要性遞減。<h1>是最高的等級。
語法：<hx>標題文本</hx> (x爲1-6)
3<span>
1. <em>和<strong>標籤是爲了強調一段話中的關鍵字時使用，它們的語義是強調。
2. <span>標籤是沒有語義的，它的作用就是爲了設置單獨的樣式用的。
4<q>和<blockquote>
表示引用，<q>這樣就不需要特意加引號了，會自動生成，不過是英文的雙引號
<blockquote>是長文本引用，不加括號，是局部縮進
5<br>, <hr>;<address>
主要是回車，一般用<br/>
是空格，幾個空格幾個 注：雖然經實驗，不輸入；也照樣可以識別
<hr/>是水平橫線
<address></address>添加爲郵箱格式
6<code>
單行代碼備註用<code></code>,多行用<pre></pre>
7<ul><li><ol>
ul-li是沒有前後順序的信息列表。
語法：
ul-li在網頁中顯示的默認樣式一般爲：每項li前都自帶一個圓點<ol>是生成帶序號的，默認從一開始
8<div>
表示板塊，可以直接在裏面加名字，表示唯一身份<div id="....">
9<table>tbody、tr、th、td
1、<table>…</table>：整個表格以<table>標記開始、</table>標記結束。
2、<tbody>…</tbody>：當表格內容非常多時，表格會下載一點顯示一點，但如果加上<tbody>標籤後，這個表格就要等表格內容全部下載完纔會顯示。如右側代碼編輯器中的代碼。
3、<tr>…</tr>：表格的一行，所以有幾對tr 表格就有幾行。
4、<td>…</td>：表格的一個單元格，一行中包含幾對<td>...</td>，說明一行中就有幾列。
5、<th>…</th>：表格的頭部的一個單元格，表格表頭。
注：1、table表格在沒有添加css樣式之前，在瀏覽器中顯示是沒有表格線的
2、表頭，也就是th標籤中的文本默認爲粗體並且居中顯示
10 caption和summary標題和摘要
摘要
摘要的內容是不會在瀏覽器中顯示出來的。它的作用是增加表格的可讀性(語義化)，使搜索引擎更好的讀懂表格內容，還可以使屏幕閱讀器更好的幫助特殊用戶讀取表格內容。
語法：<table
summary="表格簡介文本">
標題
用以描述表格內容，標題的顯示位置：表格上方。
語法：
<table>
<caption>標題文本</caption>
<tr>
<td>…</td>
<td>…</td>
…
</tr>
…
</table>
11 超鏈接<a>
語法：
<a href="目標網址" title="鼠標滑過顯示的文本">鏈接顯示的文本</a>如果想在新窗口打開，則使用如下：<a href="目標網址" target="_blank">click here!</a> （注意，target前面有空格，不然不識別）
12 mailto
注：只有第一個是冒汗，其他的都是等於號
如果mailto後面同時有多個參數的話，第一個參數必須以“?”開頭，後面的參數每一個都以“&”分隔。
13<img>
語法：
<img src="圖片地址" alt="下載失敗時的替換文本"
title = "提示文本">
14用表單<form>與用戶交互
語法：
<form method="傳送方式" action="服務器文件">
講解：
1.<form> ：<form>標籤是成對出現的，以<form>開始，以</form>結束。
2.action ：瀏覽者輸入的數據被傳送到的地方,比如一個PHP頁面(save.php)。
3.method ： 數據傳送的方式（get/post）。
<form method="post" action="save.php">
<label for="username">用戶名:</label>
<input type="text" name="username" />
<label for="pass">密碼:</label>
<input type="password" name="pass" />
</form>
注意:
1、所有表單控件（文本框、文本域、按鈕、單選框、複選框等）都必須放在<form></form>標籤之間（否則用戶輸入的信息可提交不到服務器上哦！）。
2、method:post/get的區別這一部分內容屬於後端程序員考慮的問題。感興趣的小夥伴可以查看本小節的wiki，裏面有詳細介紹。
15文本輸入框，密碼輸入框
語法：
<form> <input type="text/password" name="名稱" value="文本" /> </form>
1、type：
當type="text"時，輸入框爲文本輸入框;
當type="password"時, 輸入框爲密碼輸入框。
2、name：爲文本框命名，以備後臺程序ASP 、PHP使用。
3、value：爲文本輸入框設置默認值。(一般起到提示作用)
輸入大段文字時，需要用到文本輸入域:
語法：
<textarearows="行數"cols="列數">文本</textarea>
1、<textarea>標籤是成對出現的，以<textarea>開始，以</textarea>結束。
2、cols ：多行輸入域的列數。
3、rows ：多行輸入域的行數。
4、在<textarea></textarea>標籤之間可以輸入默認值。
舉例：
<form method="post" action="save.php">注:這兩個屬性可用css樣式的width和height來代替：col用width、row用height來代替<label>聯繫我們</label><textarea cols="50" rows="10" >在這裏輸入內容...</textarea></form>
16
單選框、複選框
語法：
<input type="radio/checkbox" value="值" name="名稱" checked="checked"/>
1、type:
當 type="radio" 時，控件爲單選框
當 type="checkbox" 時，控件爲複選框
2、value：提交數據到服務器的值（後臺程序PHP使用）
3、name：爲控件命名，以備後臺程序 ASP、PHP 使用
4、checked：當設置 checked="checked" 時，該選項被默認選中
注意:同一組的單選按鈕，name 取值一定要一致，比如上面例子爲同一個名稱“radioLove”，這樣同一組的單選按鈕纔可以起到單選的作用。
17下拉列表框
<label>愛好:</label>
<select>
<option value="看書">看書</option>
<option value="旅遊">旅遊</option>
<option value="運動">運動</option>
<option value="購物">購物</option>
</select>
</form>
multiple="multiple"屬性，就可以實現多選功能，在
widows 操作系統下，進行多選時按下Ctrl鍵同時進行單擊（在
Mac下使用Command +單擊），可以選擇多個選項語法：
<input type="submit" value="提交">
type：只有當type值設置爲submit時，按鈕纔有提交作用
value：按鈕上顯示的文字
語法：
<label for="控件id名稱">
注意：標籤的 for 屬性中的值應當與相關控件的 id 屬性值一定要相同。
