溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹html常用標簽及屬性有哪些，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
HTML中的標簽及屬性
HTML頁面結構
| 標簽 | 描述 |
|---|---|
| <!DOCTYPE> | 定義文檔類型。 |
| <html> | 定義 HTML 文檔。 |
| <title> | 定義文檔的標題。 |
| <body> | 定義文檔的主體。 |
| <h2> to <h7> | 定義 HTML 標題。 |
| <p> | 定義段落。 |
| <br> | 定義簡單的折行。 |
| <hr> | 定義水平線。 |
| <!--...--> | 定義注釋。 |
表單
| 標簽 | 描述 |
|---|---|
| <form> | 定義供用戶輸入的 HTML 表單。 |
| <input> | 定義輸入控件。 |
| <textarea> | 定義多行的文本輸入控件。 |
| <button> | 定義按鈕。 |
| <select> | 定義選擇列表（下拉列表）。 |
| <optgroup> | 定義選擇列表中相關選項的組合。 |
| <option> | 定義選擇列表中的選項。 |
| <label> | 定義 input 元素的標注。 |
| <fieldset> | 定義圍繞表單中元素的邊框。 |
| <legend> | 定義 fieldset 元素的標題。 |
| <datalist> | 定義下拉列表。 |
| <keygen> | 定義生成密鑰。 |
| <output> | 定義輸出的一些類型。 |
框架
| 標簽 | 描述 |
|---|---|
| <frame> | 定義框架集的窗口或框架。 |
| <frameset> | 定義框架集。 |
| <noframes> | 定義針對不支持框架的用戶的替代內容。 |
| <iframe> | 定義內聯框架。 |
圖像
| 標簽 | 描述 |
|---|---|
| <img> | 定義圖像。 |
| <map> | 定義圖像映射。 |
| <area> | 定義圖像地圖內部的區域。 |
| <canvas> | 定義圖形。 |
| <figcaption> | 定義 figure 元素的標題。 |
| <figure> | 定義媒介內容的分組，以及它們的標題。 |
鏈接
| 標簽 | 描述 |
|---|---|
| <a> | 定義錨。 |
| <link> | 定義文檔與外部資源的關系。 |
| <nav> | 定義導航鏈接。 |
列表
| 標簽 | 描述 |
|---|---|
| <ul> | 定義無序列表。 |
| <ol> | 定義有序列表。 |
| <li> | 定義列表的項目。 |
| <dir> | 不贊成使用。定義目錄列表。 |
| <dl> | 定義定義列表。 |
| <dt> | 定義定義列表中的項目。 |
| <dd> | 定義定義列表中項目的描述。 |
| <menu> | 定義命令的菜單/列表。 |
| <menuitem> | 定義用戶可以從彈出菜單調用的命令/菜單項目。 |
| <command> | 定義命令按鈕。 |
表格
| 標簽 | 描述 |
|---|---|
| <table> | 定義表格 |
| <caption> | 定義表格標題。 |
| <th> | 定義表格中的表頭單元格。 |
| <tr> | 定義表格中的行。 |
| <td> | 定義表格中的單元。 |
| <thead> | 定義表格中的表頭內容。 |
| <tbody> | 定義表格中的主體內容。 |
| <tfoot> | 定義表格中的表注內容（腳注）。 |
| <col> | 定義表格中一個或多個列的屬性值。 |
| <colgroup> | 定義表格中供格式化的列組。 |
樣式/節
| 標簽 | 描述 |
|---|---|
| <style> | 定義文檔的樣式信息。 |
| <div> | 定義文檔中的節。 |
| <span> | 定義文檔中的節。 |
| <header> | 定義 section 或 page 的頁眉。 |
| <footer> | 定義 section 或 page 的頁腳。 |
| <section> | 定義 section。 |
| <article> | 定義文章。 |
| <aside> | 定義頁面內容之外的內容。 |
| <details> | 定義元素的細節。 |
| <dialog> | 定義對話框或窗口。 |
| <summary> | 為 <details> 元素定義可見的標題。 |
員信息
| 標簽 | 描述 |
|---|---|
| <head> | 定義關于文檔的信息。 |
| <meta> | 定義關于 HTML 文檔的元信息。 |
| <base> | 定義頁面中所有鏈接的默認地址或默認目標。 |
| <basefont> | 不贊成使用。定義頁面中文本的默認字體、顏色或尺寸。 |
| 屬性名 | 英文 | 英文含義 | 取值 | 應用場景 |
|---|---|---|---|---|
| src | SouRCe | 資源位置 | 資源的路徑 | |
| border | border | 邊框 | 數字(像素) | |
| size | size | 尺寸 | 數字(像素) | |
| width | width | 寬度 | 數字(像素) | |
| height | height | 高度 | 數字(像素) | |
| bgcolor | BackGround COLOR | 背景顏色 | 顏色值：rea或#ffffff | |
| background | background | 背景圖片 | 圖片路徑 | |
| list-style | list-style | 設置列表的所有屬性 | 列表 | |
| list-style-image | list-style-image | 將圖像設置為列表項標記 | None url | 列表 |
| list-style-type | list-style-type | 設置列表項標記的類型 | Disc(實心圓) Cirle(空心圓) Square(實心方塊) | 列表 |
| line-height | line-height | 行高(行間距) | 數字(像素) | 布局多行文本 |
| text-align | text-align | 對齊方式 | Left、right、center | 各種元素對齊 |
| letter-spacing | letter-spacing | 字符間距 | 數字(像素) | 加大字符間間隔 |
| text-decoration | text-decoration | 文本修飾 | Underline、none | 加下劃線、中劃線等 |
| margin-top (right、bottom、left) | 外邊距 | 數字(像素) | ||
| padding-top (right、bottom、left) | 內邊距 | 數字(像素) | ||
| display | display | 改變塊級元素與行內元素的默認顯示方式 | block(行變塊) inline(塊變行) none(該元素不顯示在網頁中) | |
| position | position | 定位 | static(靜態定位) relative(相對定位) absolute(絕對定位) fixed(固定定位) | 用于定位 |
| float | float | 浮動 | None、left、right | |
| clear | clear | 處理浮動塌陷 | left(清除左邊浮動) right(清除右邊浮動) both(清除兩邊浮動) none(不清除浮動) | |
| type | type | 列表類型 | Disc(實心圓) Cirle(空心圓) Square(實心方塊) | 用于列表 |
| align | align | 對齊 | Left、right、center top、middle、bottom | 段落內容水平對齊文字與圖片垂直對齊 |
| type | type | 表單元素類型 | text(文本) checkbox(復選) radio(單選) password(密碼) file(文件) submit(提交) reset(重置) button(按鈕) image(圖片按鈕) hidden(隱藏) | 表單元素 |
| method | method | 表單數據的提交方式 | get post | |
| alt | alter | 改變、替換(圖片不顯示時提示信息) | 圖片 | |
| cellpadding | cell padding | 單元格內邊距 | 數字 | 表格 |
| cellspacing | cell spacing | 單元格之間距離 | 數字 | 表格 |
| href | Hypertext REFerence | 超文本引用(跳轉到文件位置) | ||
| rel | RELationship | 關系(用于定義鏈接的文件和HTML文檔之間的關系) | StyleSheet樣式表 | link鏈接一個文件時 |
| target | target | 目標(網頁打開的位置) | _blank(新窗口打開) _self(自身窗口打開) _top(以整個瀏覽器作業作為窗口顯示新頁面) _parent(在父窗口中打開新的頁面) | |
| colspan | COLumn span | 單元格跨列 | 數字(跨的列數) | 表格 |
| rowspan | row span | 單元格跨行 | 數字(跨的行數) | 表格 |
| readonly | read only | 只讀 | ||
| value | value | 輸入框的初始值 | ||
| maxlength | max length | 最大長度 | ||
| scrolldelay | scroll delay | 滾動延時 | < m arquee> | |
| direction | direction | 方向(滾動方向) | < m arquee |
以上是html常用標簽及屬性有哪些的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
