HTML的常用標簽
- a標簽 創(chuàng)建超鏈接，可以鏈接到其他網(wǎng)頁、文件、同頁面其他位置、郵件地址或其他url。
示例
- 鏈接到外部地址
<a >百度</a>
- 鏈接到本頁某處
<a href="#top">返回頂部</a>
- form標簽 表示文檔中一個區(qū)域，包括交互控制元件，向web服務(wù)器提交信息。
示例
- 使用fieldset、legend、label的表單
<form action=" " method="post"> <fieldset> <legend> <input type="radio" name="radio" id="radio"> <label for="radio">Click me</label> </legend> </fieldset> </form>
- input標簽 為基于web的表單創(chuàng)建交互式控件，以便接收用戶數(shù)據(jù)。
- type屬性默認為text，可用值有：
| 可用值 | 含義 | 備注 |
|---|---|---|
| button | 無缺省按鈕 | |
| checkbox | 復選框 | |
| radio | 單選按鈕 | |
| submit | 提交表單的按鈕 | |
| img | 圖片提交按鈕 | |
| color | 選取顏色的控件 | HTML5新增 |
| date | 輸入日期的控件 | HTML5新增 |
| datetime | 基于UTC時區(qū)的日期、時間輸入控件 | HTML5新增 |
| month | 輸入年月控件，不帶時區(qū) | HTML5新增 |
| week | 輸入星期-年組成的日期，不帶時區(qū) | HTML5新增 |
| time | 輸入不含時區(qū)的時間控件 | HTML5新增 |
| number | 輸入浮點數(shù)的控件 | HTML5新增 |
| range | 輸入不精確值的控件 | HTML5新增 |
| search | 輸入搜索字符串的單行文本字段 | HTML5新增 |
| 用于編輯email的字段 | HTML5新增 | |
| url | 用于編輯url的字段 | HTML5新增 |
| 等等 | -- | -- |
示例
- 在拾色器中選取顏色,并提交
選擇顏色：<input type="color" name="color"><br> <input type="submit">
- button標簽 一個可點擊的按鈕，包含?全局屬性?。
示例
- 創(chuàng)建一個按鈕
<button name="button">Click me</button>
注：如果你的按鈕不用于向服務(wù)器提交數(shù)據(jù)，將 type 屬性設(shè)置成 button。否則它們被按下后會向服務(wù)器發(fā)送數(shù)據(jù)并加載（可能并不存在的）響應(yīng)內(nèi)容，因而可能會破壞當前文檔的狀態(tài)。
- h1~h6標簽 標題，<h1>最大，數(shù)字越大字號越小。
- p標簽 表示段落。
- ul標簽 無序列表。
示例
- 無序列表
<ul> <li>第一項 <li>第二項 <li>第三項 </ul>
- ol標簽 有序列表。
- type屬性可選值有：
| 值 | 含義 |
|---|---|
| a | 小寫字母編號 |
| A | 大寫字母編號 |
| i | 小寫羅馬數(shù)字編號 |
| I | 大寫羅馬數(shù)字編號 |
| 1 | 阿拉伯數(shù)字編號(默認） |
- start屬性，HTML5新增的，用于標注列表開始序號
示例
- 有序列表， 以小寫字母為編號，從c開始
<ol type="a" start="3"> <li>第一項 <li>第二項 <li>第三項 </ol>
- small標簽 使文本字體變小一號。
- strong標簽 粗體顯示，以示重要（區(qū)別于b標簽）
- div標簽 區(qū)塊元素，定義文檔的區(qū)域。
- span標簽 內(nèi)聯(lián)元素，組合文檔的行內(nèi)元素，可做文本容器。
- kbd標簽 鍵盤輸入元素。
- video標簽 在文檔中嵌入視頻。
示例
- 嵌入視頻
<video width="300" height="200" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> 您的瀏覽器不支持 HTML5 video 標簽。 </video>
- controls屬性用于提供用戶控制，包括播放、暫停、音量、跨幀。
- audio標簽 文檔中插入音頻。
示例
- 播放音頻
<audio controls> <source src="dadada.mp3" type="audio/mpeg"> <source src="dadada.ogg" type="audio/ogg"> 您的瀏覽器不支持該音頻格式。 </audio>
- iframe標簽 內(nèi)聯(lián)框架元素，表示嵌套地瀏覽上下文，在當前HTML文檔中嵌入另一個文檔。
示例
- 嵌套頁面
<iframe src="http://www.baidu.com"></iframe>
