HTML常用標籤彙總、CSS常用屬性彙總
HTML標籤彙總
| 標籤名 | 屬性 及其取值 | 作用 | 單詞意思 | 是否記住 |
| <a> | href：超連結url地址 target：_blank（規定頁面在新視窗開啟） _self（規定頁面在本視窗開啟） _top（使文件載入包含此連結的視窗） _parent（使文件載入父視窗或者包含來連結引用的框架的框架集） |
插入超連結 | 超連結 |
√ |
| <base> | href: 連結規定預設地址 target: 頁面開啟方式，取值同<a>的target |
規定頁面上的所有連結規定預設地址或預設目標。 | 基礎 | √ |
| <b> | 加粗文字 | 加粗 | √ | |
| <br> | 換行 | 換行 | √ | |
| <button> | 規定一個按鈕 | 按鈕 | √ | |
| <caption> | align: 設定文字居中方式 left: 左對齊 right: 右對齊 center: 居中對齊 |
定義表格標題 | 標題 | √ |
| <center> | 對其所包括的文字進行水平居中 | 居中 | √ | |
| <div> | 可用CSS對其進行樣式的修飾 id：規定該div的id名 class：規定該div的class類名 |
可以把文件分割為獨立的、不同的部分。它可以用作嚴格的組織工具，並且不使用任何格式與其關聯 | 分開、劃分 | √ |
| <dl> | 定義了定義列表（definition list） | 定義表 | √ | |
| <dt> | 定義了定義列表中的專案（即術語部分） | 定義專案 | √ | |
| <dd> | 與<dt>配套使用，套在<dt>內 | 專案 | √ | |
| <fieldset> | <legend>為 fieldset 元素定義標題 | 將表單內的相關元素分組 | 元素 | √ |
| <form> | method: （get/post）規定用於傳送 form-data 的 HTTP 方法 action: 規定當提交表單時向何處傳送表單資料 |
用於為使用者輸入建立 HTML 表單 表單能夠包含 input 元素，比如文字欄位、複選框、單選框、提交按鈕等等。 表單用於向伺服器傳輸資料 |
形狀，形式; 外形; 方式; 表格 | √ |
| <h1>~<h6> |
定義標題,<h1>是最大的標題，<h6>是最小的標題 | 標題 | √ | |
| <header> | 定義文件的頁首（介紹資訊） | （計算機列印時自動加在各頁頂端的）標頭 | √ | |
| <hr> | 在 HTML 頁面中建立一條水平線 | √ | ||
| <img> | src: 圖片的url地址 alt: 規定影象的替代文字 |
向網頁中嵌入一幅影象 | 圖片，image的縮寫 | √ |
| <input> | type：text（文字輸入框） password（密碼輸入框） radio（單選按鈕） checkbox（複選框）button（自定義按鈕） reset（重置按鈕） submit（提交按鈕） file（檔案） name: |
用於蒐集使用者資訊 根據不同的 type 屬性值，輸入欄位擁有很多種形式。輸入欄位可以是文字欄位、複選框、掩碼後的文字控制元件、單選按鈕、按鈕等等 |
輸入 | √ |
| <label> | for: id 規定 label 繫結到哪個表單元素 form: formid 規定 label 欄位所屬的一個或多個表單 |
為 input 元素定義標註（標記） | 標籤; 稱標記，符號 | √ |
| <legend > | 圖例 | √ | ||
| <li> | 定義列表專案，與無序（有序）列表標籤配套使用 | √ | ||
| <link> | href: 連結外部資源的url地址 type：連結到檔案型別 rel: stylesheet 規定當前文件與被連結文件之間的關係 |
連結樣式表 | 連結 | √ |
| <ol> | 定義有序列表 | order list（有序列表） | √ | |
| <optgroup> | 定義選項組 optgroup 元素用於組合選項。當您使用一個長的選項列表時，對相關的選項進行組合會使處理更加容易 |
option group 選項組 |
√ | |
| <option> | 定義下拉列表中的一個選項（一個條目） | 選項 | √ | |
| <p> | 定義段落 | paragraph的縮寫，段落 | √ | |
| <select> | 可建立單選或多選選單,與option標籤配套使用 | 選項 | √ | |
| <span> | 用來組合文件中的行內元素（內聯標籤） | √ | ||
| <table> | border: 規定邊框權重 |
定義 HTML 表格 | 表格 | √ |
| <tbody> | 用於組合 HTML 表格的主體內容，tbody 元素應該與 thead 和 tfoot 元素結合起來使用 | tablebody | √ | |
| <td> | 定義 HTML 表格中的標準單元格 | √ | ||
| <tr> | 定義 HTML 表格中的標準行 | |||
| <th> | 表格內的表頭單元格 th 元素內部的文字通常會呈現為居中的粗體文字 |
tablehead | √ | |
| <thead> | <thead> 標籤僅得到所有主流瀏覽器的部分支援 | 定義表格的表頭，該標籤用於組合 HTML 表格的表頭內容；thead 元素應該與 tbody 和 tfoot 元素結合起來使用 |
tablehead | √ |
| <tfoot> | 定義表格的頁尾（腳註或表注） | tfoot 元素應該與 thead 和 tbody 元素結合起來使用 | √ | |
| <th> | 定義表格內的表頭單元格 | th 元素內部的文字通常會呈現為居中的粗體文字，而 td 元素內的文字通常是左對齊的普通文字 | √ | |
| <title> | <title> 元素可定義文件的標題 | 標題 |
CSS常用屬性彙總
| 屬性 | 取值及其意思 | 作用 | 單詞意思 | 是否記住 |
| background | 取值為顏色值，或是背景圖片url | 在一個宣告中設定所有的背景屬性 | 背景 | √ |
| background-color | 取值為顏色值 | 設定元素的背景顏色 | 背景顏色 | √ |
| background-image | 取值為圖片的url地址 | 設定元素的背景影象 | 背景圖片 | √ |
| background-position | 取值有四個，即上右下左方向值，也可取兩個值 | 設定背景影象的開始位置 | 背景位置 | √ |
| background-repeat | no-repeat：不重複背景 repeat：重複背景 |
設定是否及如何重複背景影象 | 背景重複 | √ |
| background-size | 規定背景圖片的尺寸 | 背景大小 | √ | |
| border | 設定所有的邊框屬性 | 邊框 | √ | |
| border-color | 顏色值 | 設定四條邊框的顏色 | 邊框顏色 | √ |
| outline | 在一個宣告中設定所有的輪廓屬性 | 輪廓 | √ | |
| box-shadow | 向方框新增一個或多個陰影 | 盒子陰影 | √ |