html標簽
1.主體標簽
| Tags | 作用/意義 |
|---|---|
| <html></html> | 定義整個html文檔 |
| <head></head> | 文檔頭標題 |
| <title></title> | 文檔標題 |
| <body></body> | 文檔主體 |
| <style></style> | 文檔樣式 |
| <meta> | 文檔信息 |
2.文本標簽
| Tags | 作用/意義 |
|---|---|
| <h1></h1>~<h6></h6> | 六級標題 |
| <hr> | 分頁線 |
| <br> | 換行符 |
| <p></p> | 段落標簽 |
| <strong></strong> | 文本加粗 |
| <em></em> | 文本傾斜 |
| <ins></ins> | 插入線 |
| <del></del> | 刪除線 |
| <sup></sup> | 上標 |
| <sub></sub> | 下標 |
| <button></button> | 點擊按鈕 |
| <figure> <img><figcaption> </figcaption></figure> | 圖片顯示 |
3.列表標簽
| Tags | 作用/意義 |
|---|---|
| <ol></ol> <ul></ul> | 定義列表 |
| <li></li> | 一行的內(nèi)容 |
| <dl><dt></dt></dl> | 自定義列表 |
注意：
<ol>和<ul>與<li>搭配使用
<dl>和<dt>搭配使用
4.鏈接標簽
| Tags | 作用/意義 |
|---|---|
| <a></a> | 1.頁面鏈接;2.錨點鏈接 |
5.腳本編程
| Tags | 作用/意義 |
|---|---|
| <script></script> | 內(nèi)容編程的標簽 |
6.塊與
| Tags | 作用/意義 |
|---|---|
| <div></div> | 塊標簽 |
| <span></sapn> |
7.內(nèi)部框架
| Tags | 作用/意義 |
|---|---|
| <iframe></ifranme> | 內(nèi)部框架插入其他頁面 |
8.視頻與音頻
| Tags | 作用/意義 |
|---|---|
| <audio> <source> </audio> | 音頻標簽 |
| <video> <source> </video> | 視頻標簽 |
9.表單
| Tags | 作用/意義 |
|---|---|
| <form></form> | 表單標簽 |
| <fieldset></fieldset> | 表單分塊 |
| <legend></legend> | 分塊表單的標題 |
| <textarea></textarea> | 文本內(nèi)容 |
| <select><option></option></select> | 多個選擇 |
| <input> | 選擇標簽，內(nèi)置屬性type的值不同功能不一樣 |
| type="text" | 文本框 |
| type="password" | 密碼輸入框 |
| type="radio" | 單選 |
| type="checkbox" | 多選 |
| type="date" | 日期 |
| type="tel" | 電話 |
| type="email" | 郵件 |
| type="file" | 頭像 |
| type="number" | 數(shù)字 |
| type="submit" | 提交 |
| type="reset" | 重置 |
10.表格
| Tags | 作用/意義 |
|---|---|
| <table></table> | 定義表格 |
| <tr></tr> | 表格行 |
| <td></td> | 表格列 |
