- body:在網頁上要展示出來的頁面內容一定要放在body標籤中
- p:如果想在網頁上顯示文章，這時就需要p標籤了，把文章的段落放到p標籤中。標籤的默認樣式，段前段後都會有空白，如果不喜歡這個空白，可以用css樣式來刪除或改變它。
- hx:標題標籤一共有6個，h1、h2、h3、h4、h5、h6分別爲一級標題、二級標題、三級標題、四級標題、五級標題、六級標題。並且依據重要性遞減。h1是最高的等級。
- strong em:標籤是爲了強調一段話中的關鍵字時使用，它們的語義是強調。但兩者在強調的語氣上有區別:em 表示強調，strong 表示更強烈的強調。並且在瀏覽器中em 默認用斜體表示，strong 用粗體表示。兩個標籤相比，目前國內前端程序員更喜歡使用strong表示強調。
- span:標籤是沒有語義的，它的作用就是爲了設置單獨的樣式用的。
- q:標籤是對簡短文本的引用，比如說引用一句話就用到q標籤。用q標籤的真正關鍵點不是它的默認樣式雙引號（如果這樣我們不如自己在鍵盤上輸入雙引號就行了），而是它的語義：引用別人的話。
- blockquote:blockquote的作用也是引用別人的文本。但它是對長文本的引用，如在文章中引入大段某知名作家的文字，這時需要這個標籤。瀏覽器對
標籤的解析是縮進樣式。
- br:在需要加回車換行的地方加入br /，br /標籤作用相當於word文檔中的回車。在 html 代碼中輸入回車、空格都是沒有作用的。在html文本中想輸入回車換行，就必須輸入br /。沒有HTML內容的標籤就是空標籤，空標籤只需要寫一個開始標籤，這樣的標籤有br /、hr /和img /。
-  :在html代碼中輸入空格、回車都是沒有作用的。要想輸入空格，必須寫入nbsp;。
- hr:在信息展示時，有時會需要加一些用於分隔的橫線，這樣會使文章看起來整齊些。
- address:一般網頁中會有一些網站的聯繫地址信息需要在網頁中展示出來，這些聯繫地址信息如公司的地址就可以標籤。也可以定義一個地址（比如電子郵件地址）、簽名或者文檔的作者身份。
- code:在介紹語言技術的網站中，避免不了在網頁中顯示一些計算機專業的編程代碼，當代碼爲一行代碼時，你就可以使用code標籤了.如果是多行代碼，可以使用pre標籤。
- pre:預格式化的文本。被包圍在 pre 元素中的文本通常會保留空格和換行符。pre 標籤不只是爲顯示計算機的源代碼時用的，在你需要在網頁中預顯示格式時都可以使用它，只是pre標籤的一個常見應用就是用來展示計算機的源代碼。
- ul:ul-li是沒有前後順序的信息列表。每項li前都自帶一個圓點
- ol:在網頁中展示有前後順序的信息列表,這類信息展示就可以使用ol標籤來製作有序列表來展示。每項li前都自帶一個序號，序號默認從1開始.
- div:在網頁製作過程過中，可以把一些獨立的邏輯部分劃分出來，放在一個div標籤中，這個div標籤的作用就相當於一個容器。什麼是邏輯部分？它是頁面上相互關聯的一組元素。如網頁中的獨立的欄目版塊，就是一個典型的邏輯部分。用id屬性來爲div提供唯一的名稱，必須唯一.
- 表格
- table:table…/table：整個表格以table標記開始、/table標記結束。
- tbody:tbody…/tbody：當表格內容非常多時，表格會下載一點顯示一點，但如果加上tbody標籤後，這個表格就要等表格內容全部下載完纔會顯示。
- tr:tr…/tr：表格的一行，所以有幾對tr表格就有幾行。表格中列的個數，取決於一行中數據單元格的個數。
- td:td…/td：表格的一個單元格，一行中包含幾對td…/td，說明一行中就有幾列。
th:th…/th：表格的頭部的一個單元格，表格表頭。表頭，也就是th標籤中的文本默認爲粗體並且居中顯示
caption:添加標題和摘要,標題用以描述表格內容，標題的顯示位置：表格上方。摘要的內容是不會在瀏覽器中顯示出來的。它的作用是增加表格的可讀性(語義化)，使搜索引擎更好的讀懂表格內容
- a:實現超鏈接 a href=”目標網址” title=”鼠標滑過顯示的文本” 鏈接顯示的文本 /a .title屬性的作用，鼠標滑過鏈接文字時會顯示這個屬性的文本內容。主要方便搜索引擎瞭解鏈接地址的內容（語義化更友好） a href=”目標網址” target=”_blank” click here! /a在新的網頁中打開
- mailto:使用mailto能讓訪問者便捷向網站管理者發送電子郵件,如果mailto後面同時有多個參數的話，第一個參數必須以“?”開頭，後面的參數每一個都以“&”分隔。
- img:插入圖片,img src=”圖片地址” alt=”下載失敗時的替換文本” title = “提示文本” src：標識圖像的位置；alt：指定圖像的描述性文本，當圖像不可見時（下載不成功時），可看到該屬性指定的文本；title：提供在圖像可見時對圖像的描述(鼠標滑過圖片時顯示的文本)；圖像可以是GIF，PNG，JPEG格式的圖像文件。
表單
- form:可以把瀏覽者輸入的數據傳送到服務器端，這樣服務器端程序就可以處理表單傳過來的數據。form method=”傳送方式” action=”服務器文件” . form標籤是成對出現的，以form開始，以/form結束。action ：瀏覽者輸入的數據被傳送到的地方,比如一個PHP頁面(save.php)。method ： 數據傳送的方式（get/post）。所有表單控件（文本框、文本域、按鈕、單選框、複選框等）都必須放在標籤之間
<form method="傳送方式" action="服務器文件">- input:當用戶要在表單中鍵入字母、數字等內容時，就會用到文本輸入框。文本框也可以轉化爲密碼輸入框。input type=”text/password” name=”名稱” value=”文本” / 當type=”text”時，輸入框爲文本輸入框;當type=”password”時, 輸入框爲密碼輸入框。name：爲文本框命名，以備後臺程序ASP 、PHP使用。value：爲文本輸入框設置默認值。(一般起到提示作用)
<form>
<input type="text/password" name="名稱" value="文本" />
</form>- textarea:當用戶需要在表單中輸入大段文字時，需要用到文本輸入域。textarea rows=”行數” cols=”列數” 文本 /textarea rows ：多行輸入域的行數。cols ：多行輸入域的列數。在textarea /textarea 標籤之間可以輸入默認值。
<textarea rows="行數" cols="列數">文本</textarea>- radio/checkbox:使用單選框、複選框，讓用戶選擇,input type=”radio/checkbox” value=”值” name=”名稱” checked=”checked”/> 當 type=”radio” 時，控件爲單選框,當 type=”checkbox” 時，控件爲複選框,value：提交數據到服務器的值（後臺程序PHP使用）,name：爲控件命名，以備後臺程序 ASP、PHP 使用,checked：當設置 checked=”checked” 時，該選項被默認選中,同一組的單選按鈕，name 取值一定要一致，這樣同一組的單選按鈕纔可以起到單選的作用。
<input type="radio/checkbox" value="值" name="名稱" checked="checked"/>- option:下拉列表框,設置selected=”selected”屬性，則該選項就被默認選中。
<select>
<option value="看書">看書</option>
<option value="旅遊" selected="selected">旅遊</option>
<option value="運動">運動</option>
<option value="購物">購物</option>
</select>- multiple:下拉列表也可以進行多選操作，在標籤中設置multiple=”multiple”屬性，就可以實現多選功能,在 widows 操作系統下，進行多選時按下Ctrl鍵同時進行單擊
<select multiple="multiple">- submit:使用提交按鈕，提交數據,input type=”submit” value=”提交”> type：只有當type值設置爲submit時，按鈕纔有提交作用,value：按鈕上顯示的文字
<input type="submit" value="提交">- reset:重置按鈕，重置表單信息,input type=”reset” value=”重置”>type：只有當type值設置爲reset時，按鈕纔有重置作用,value：按鈕上顯示的文字
<input type="reset" value="重置">- label:爲鼠標用戶改進了可用性。當用戶單擊選中該label標籤時，瀏覽器就會自動將焦點轉到和標籤相關的表單控件上（就自動選中和該label標籤相關連的表單控件上）。label for=”控件id名稱”>標籤的 for 屬性中的值應當與相關控件的 id 屬性值一定要相同。
<label for="控件id名稱">
