HTML的常用標(biāo)簽
- a標(biāo)簽 創(chuàng)建超鏈接摆马，可以鏈接到其他網(wǎng)頁(yè)臼闻、文件、同頁(yè)面其他位置囤采、郵件地址或其他url述呐。
示例
- 鏈接到外部地址
<a >百度</a>
- 鏈接到本頁(yè)某處
<a href="#top">返回頂部</a>
- form標(biāo)簽 表示文檔中一個(gè)區(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標(biāo)簽 為基于web的表單創(chuàng)建交互式控件进肯，以便接收用戶數(shù)據(jù)。
- type屬性默認(rèn)為text棉磨，可用值有：
| 可用值 | 含義 | 備注 |
|---|---|---|
| button | 無(wú)缺省按鈕 | |
| checkbox | 復(fù)選框 | |
| radio | 單選按鈕 | |
| submit | 提交表單的按鈕 | |
| img | 圖片提交按鈕 | |
| color | 選取顏色的控件 | HTML5新增 |
| date | 輸入日期的控件 | HTML5新增 |
| datetime | 基于UTC時(shí)區(qū)的日期江掩、時(shí)間輸入控件 | HTML5新增 |
| month | 輸入年月控件，不帶時(shí)區(qū) | HTML5新增 |
| week | 輸入星期-年組成的日期乘瓤，不帶時(shí)區(qū) | HTML5新增 |
| time | 輸入不含時(shí)區(qū)的時(shí)間控件 | HTML5新增 |
| number | 輸入浮點(diǎn)數(shù)的控件 | HTML5新增 |
| range | 輸入不精確值的控件 | HTML5新增 |
| search | 輸入搜索字符串的單行文本字段 | HTML5新增 |
| 用于編輯email的字段 | HTML5新增 | |
| url | 用于編輯url的字段 | HTML5新增 |
| 等等 | -- | -- |
示例
- 在拾色器中選取顏色,并提交
選擇顏色：<input type="color" name="color"><br> <input type="submit">
- button標(biāo)簽 一個(gè)可點(diǎn)擊的按鈕环形，包含?全局屬性?。
示例
- 創(chuàng)建一個(gè)按鈕
<button name="button">Click me</button>
注：如果你的按鈕不用于向服務(wù)器提交數(shù)據(jù)衙傀，將 type 屬性設(shè)置成 button抬吟。否則它們被按下后會(huì)向服務(wù)器發(fā)送數(shù)據(jù)并加載（可能并不存在的）響應(yīng)內(nèi)容，因而可能會(huì)破壞當(dāng)前文檔的狀態(tài)统抬。
- h1~h6標(biāo)簽 標(biāo)題火本，<h1>最大，數(shù)字越大字號(hào)越小聪建。
- p標(biāo)簽 表示段落钙畔。
- ul標(biāo)簽 無(wú)序列表。
示例
- 無(wú)序列表
<ul> <li>第一項(xiàng) <li>第二項(xiàng) <li>第三項(xiàng) </ul>
- ol標(biāo)簽 有序列表妆偏。
- type屬性可選值有：
| 值 | 含義 |
|---|---|
| a | 小寫字母編號(hào) |
| A | 大寫字母編號(hào) |
| i | 小寫羅馬數(shù)字編號(hào) |
| I | 大寫羅馬數(shù)字編號(hào) |
| 1 | 阿拉伯?dāng)?shù)字編號(hào)(默認(rèn)） |
- start屬性刃鳄，HTML5新增的，用于標(biāo)注列表開(kāi)始序號(hào)
示例
- 有序列表钱骂， 以小寫字母為編號(hào)叔锐，從c開(kāi)始
<ol type="a" start="3"> <li>第一項(xiàng) <li>第二項(xiàng) <li>第三項(xiàng) </ol>
- small標(biāo)簽 使文本字體變小一號(hào)挪鹏。
- strong標(biāo)簽 粗體顯示，以示重要（區(qū)別于b標(biāo)簽）
- div標(biāo)簽 區(qū)塊元素愉烙，定義文檔的區(qū)域讨盒。
- span標(biāo)簽 內(nèi)聯(lián)元素，組合文檔的行內(nèi)元素步责，可做文本容器返顺。
- kbd標(biāo)簽 鍵盤輸入元素。
- video標(biāo)簽 在文檔中嵌入視頻蔓肯。
示例
- 嵌入視頻
<video width="300" height="200" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> 您的瀏覽器不支持 HTML5 video 標(biāo)簽遂鹊。 </video>
- controls屬性用于提供用戶控制，包括播放蔗包、暫停秉扑、音量、跨幀调限。
- audio標(biāo)簽 文檔中插入音頻舟陆。
示例
- 播放音頻
<audio controls> <source src="dadada.mp3" type="audio/mpeg"> <source src="dadada.ogg" type="audio/ogg"> 您的瀏覽器不支持該音頻格式。 </audio>
- iframe標(biāo)簽 內(nèi)聯(lián)框架元素耻矮，表示嵌套地瀏覽上下文秦躯，在當(dāng)前HTML文檔中嵌入另一個(gè)文檔。
示例
- 嵌套頁(yè)面
<iframe src="http://www.baidu.com"></iframe>
