Web標準的構成：Web標準主要包括結構(structure)、表現(presentation)和行為(behavior)三個方面，其中結構主要用于對網頁元素進行整理和分類，如HTML，表現用于設定網頁元素的版式、顏色、大小等外觀樣式，如css，行為是指網頁模型的定義及互動的撰寫，如javascript，
標簽
<h1>-<h6>標題標簽
加了標題的文字會變得加粗，字號也會依次變大，一個標題獨占一行
<p>段落標簽
文本在一個段落中會依據瀏覽器視窗的大小自動換行，段落和段落之間保有空隙，
<br />換行標簽
即break的意思，是單標簽
<strong>、<em>、<del>、<ins>文本格式化標簽
為突出文本重要性，設定粗體/斜體/下劃線/洗掉線等效果
| 語意 | 標簽 |
| 加粗 | <strong>或<b> |
| 傾斜 | <em>或<i> |
| 洗掉線 | <del>或<s> |
| 下劃線 | <ins>或<u> |
<div>和<span>標簽
它倆是沒有語意的，像是一個盒子，用來裝內容
區別：
<div>標簽用來布局，但現在一行只能放一個<div>- <span>標簽用于布局，一行上可以放多個<span>
<img>影像標簽
影像標簽中有多個屬性，排名不分先后，均采用鍵值對的格式
| 屬性 | 屬性值 | 說明 |
| src | 圖片路徑 | 必須屬性 |
| alt | 文本 | 圖片加載不出來時的替換文本 |
| title | 文本 | 滑鼠放到圖片上的提示文本，如，這是一張老鼠的照片 |
| width | 像素 | 設定影像寬度，一般高度和寬度二選一進行設定 |
| height | 像素 | 設定影像高度 |
| border | 像素 | 設定影像的邊框粗細 |
補充：
- 相對路徑：以參考檔案所在位置為參考基礎，而建立出的目錄路徑，
下一級路徑為/
上一級路徑為.. /
再上一級路徑為../../，依次類推
同一級路徑直接寫檔案名即可
- 絕對路徑：是指目錄下的絕對位置，直接到達目錄位置，通常是從盤符開始的路徑
<a>超鏈接標簽
有兩個屬性
- href:用于指定鏈接目標的url地址，這是必須屬性
- target: 用于指定鏈接頁面的打開方式，默認為_self即在當前頁面打開，_blank意為在新頁面中打開
其中href中的鏈接又可分為如下幾種方式：
| 外部鏈接 | 如<a href="http://www.baidu.com">百度</a> |
| 內部鏈接 | 網站內部頁面之間的相互鏈接，直接寫內部網頁名即可，如<a href="indx.html">首頁</a> |
| 空連接 | 用于設定無明確鏈接目標的鏈接<a href="#">看這里</a> |
| 下載鏈接 | 把下載內容的地址放到href屬性值即可，這樣點擊即可下載檔案 |
| 錨點鏈接 | 即點擊鏈接，就可以快速定位到頁面中的指定位置；
|
| 網頁元素鏈接 | 在網頁中，文本、圖片、表格、音頻、視頻都可以添加超鏈接 |
特殊字符
空格符：  大于號：> 小于號：<
<table>表格標簽
表格主要用于顯示、展示資料，
<table>
<tr> ----tr 表格中的行
<td> ----td 表格中的單元格
</td>
</tr>
</table>表頭：th 位于表格的第一行或第一列，表頭單元格里面的文本內容加粗居中顯示，注意，表頭也是表格中的單元格，
合并單元格：
- 方式：
跨行合并：通過在要合并的最上側單元格設定rowspan="合并單元格的個數"
跨列合并：通過在要合并的最左側單元格設定colspan="合并單元格的個數"
記住，要刪掉不用被合并過的單元格的代碼哦~如第二行的第一列和第二行的第二列合并，即跨列合并，則合并后，要刪掉之前寫的第二列的單元格代碼，因為已經不存在單獨的第二列了~
<ul>、<ol>、<dl>串列標簽
<ul>無序標簽，串列項使用<li>定義
<ol>有序標簽，標簽項使用<li>定義
<dl>自定義標簽，標簽會與<dt>（定義專案/名字）和<dd>（描述每一個專案/名字）一起使用，
<dl>
<dt>名詞</dt>
<dd>名詞解釋1</dt>
<dd>名詞解釋2</dd>
</dl>通常是一個<dt>對應多個<dd>，適用于如下場景
表單標簽
一個完整的表單通常由表單域、表單控制元件(又稱表單元素)和提示資訊3部分組成
表單域是包含表單元素的區域，用<form>定義，用來實作用戶資訊的收集和傳遞
有三個屬性：
- action 屬性值為url地址，用于指定接收并處理表單資料的服務器程式的url地址
- method 屬性值為post/get，用于設定表單資料的提交方式
- name 屬性值為名稱，用于指定表單的名稱，用于區分同一個頁面的多個表單域
表單元素通常包括input輸入表單元素、select下拉表單元素、textarea文本域元素
- input表單元素
| 屬性 | 屬性值 | 描述 |
| type | button/checkbox/file/hidden/image等 | 用來指定不同的控制元件型別 |
| name | 用戶自定義 | 用于定義input元素的名稱 |
| value | 用戶自定義 | 用于規定input元素的默認值 |
| checked | checked | 用于規定次input元素首次加載時應當被選中 |
| maxlength | 正整數 | 用于規定輸入欄位中的字符的最大長度 |
ps：name和value是每個表單元素都有的屬性值，主要是給后臺人員使用
name表單元素的名字，要求單選按鈕和復選框要有相同的name值，保證選一個或多個，
type屬性的屬性值如下：
| 屬性值 | 描述 |
| button | 定義可點擊按鈕 |
| checkbox | 定義復選框 |
| file | 定義輸入欄位和“瀏覽”按鈕，供檔案上傳 |
| hidden | 定義隱藏的輸入欄位 |
| image | 定義影像形式的提交按鈕 |
| radio | 定義單選按鈕 |
| reset | 定義重置按鈕，重置按鈕會清除表單中的所有資料 |
| submit | 定義提交按鈕，提交按鈕會把表單資料發送到服務器 |
| text | 定義單行的輸入欄位，用戶可在其中輸入文本，默認寬度為20個字符 |
| passward | 定義密碼欄位，該欄位中的字符被掩碼 |
- select表單元素
<select>中至少包含一對<option>，在<option>中定義select="selected"時，當前項即為默認選中項，
- <textarea>表單元素
用于定義多行文本輸入的空間，常用于留言板，評論等，利用rows/cols屬性來設定文本大小，
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/298157.html
標籤：其他
上一篇：【LeetCode熱題】通過任意兩種遍歷序列構造二叉樹【附代碼，超詳細，建議收藏】
下一篇：匈牙利演算法尋找最大匹配