您好,登錄后才能下訂單哦!
這篇文章將為大家詳細講解有關html5中有什么標簽,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
html5標簽有:p、a、img、map、area、html、body、br、b、big、em、i、small、strong、sub、sup、ins、del、code、samp、kbd、tt、var、pre、address、bdo、q等。
本教程操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
<h2> - <h7> 標簽定義 HTML 標題 <p> 標簽定義 HTML 段落 <a> 標簽定義 HTML 鏈接 超鏈接: >通過使用 href 屬性 - 創建指向另一個文檔的鏈接 >通過使用 name 屬性 - 創建文檔內的書簽 >通過使用 Target 屬性,你可以定義被鏈接的文檔在何處顯示 >語法:<a href="url">Link text</a> 錨點: >語法:<a name="label">錨(顯示在頁面上的文本)</a> <img> 標簽定義 HTML 圖像 <map> 定義圖像地圖 <area> 定義圖像地圖中的可點擊區域 <html> 定義 HTML 文檔 <body> 定義文檔的主體 <hr /> 標簽創建 HTML 頁面水平線 <!-- --> HTML 注釋 <br /> 插入單個折行(換行)
<b> 定義粗體文本 <big> 定義大號字 <em> 定義著重文字 <i> 定義斜體字 <small> 定義小號字 <strong> 定義加重語氣 <sub> 定義下標字 <sup> 定義上標字 <ins> 定義插入字 <del> 定義刪除字
<code> 定義計算機代碼 <kbd> 定義鍵盤碼 <samp> 定義計算機代碼樣本 <tt> 定義打字機代碼 <var> 定義變量 <pre> 定義預格式文本
<abbr> 定義縮寫或首字母縮略語 <address> 定義文檔作者或擁有者的聯系信息 <bdo> 定義文本方向 <blockquote> 定義從其他來源引用的節 <dfn> 定義項目或縮略詞的定義 <q> 定義短的行內引用 <cite> 定義著作的標題
<style> 定義樣式定義 <link> 定義資源引用 <p> 定義文檔中的節或區域(塊級) <span> 定義文檔中的行內的小塊或區域 <font> 規定文本的字體、字體尺寸、字體顏色。不贊成使用。請使用樣式 <center> 對文本進行水平居中。不贊成使用。請使用樣式
<table> 定義表格 <caption> 定義表格標題 <th> 定義表格的表頭 <tr> 定義表格的行 <td> 定義表格單元 <thead> 定義表格的頁眉 <tbody> 定義表格的主體 <tfoot> 定義表格的頁腳 <col> 定義用于表格列的屬性 <colgroup> 定義表格列的組
<ol> 定義有序列表 <ul> 定義無序列表 <li> 定義列表項 <dl> 定義定義列表 <dt> 定義定義項目 <dd> 定義定義的描述
<p> 定義文檔中的分區或節(pision/section)。 <span> 定義 span,用來組合文檔中的行內元素。
<iframe> 定義內聯的子窗口(框架)
(1)添加 iframe 的語法: <iframe src="URL"> </iframe>URL 指向隔離頁面的位置。
(2)height 和 width 屬性用于規定 iframe 的高度和寬度。屬性值的默認單位是像素,但也可以用百分比來設定(比如 “80%”)。
實例:<iframe src="demo_iframe.htm" width="200" height="200"></iframe>
(3)刪除邊框
frameborder 屬性規定是否顯示 iframe 周圍的邊框。設置屬性值為 “0” 就可以移除邊框。實例:<iframe src="demo_iframe.htm" frameborder="0"></iframe>
(4)使用 iframe 作為鏈接的目標
iframe 可用作鏈接的目標(target)。鏈接的 target 屬性必須引用 iframe 的 name 屬性。實例:<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<head> 定義關于文檔的信息 <title> 定義文檔標題 <base> 定義頁面上所有鏈接的默認地址或默認目標 <link> 定義文檔與外部資源之間的關系 <meta> 定義關于 HTML 文檔的元數據 <script> 定義客戶端腳本 <style> 定義文檔的樣式信息
注釋:實體名稱對大小寫敏感
<input> 元素有很多形態,根據不同的 type 屬性。 (1)text 定義常規文本輸入。 <input type="text"> 定義用于文本輸入的單行輸入字段。 (2)radio 定義單選按鈕輸入(選擇多個選擇之一)。 <input type="radio"> 定義單選按鈕。 (3)submit 定義提交按鈕(提交表單)。 <input type="submit"> 定義用于向表單處理程序(form-handler)提交表單的按鈕。 (4)action 屬性定義在提交表單時執行的動作。向服務器提交表單的通常做法是使用提交按鈕。通常,表單會被提交到 web 服務器上的網頁。 <form action="action_page.php"> 如果省略 action 屬性,則 action 會被設置為當前頁面。 (5)button屬性定義按鈕。<input type="button> (6)method 屬性規定在提交表單時所用的 HTTP 方法(GET 或 POST): <form action="action_page.php" method="GET">或:<form action="action_page.php" method="POST"> (7)name規定識別表單的名稱(對于 DOM 使用:document.forms.name)。 (8)用 <fieldset> 組合表單數據:<fieldset> 元素組合表單中的相關數據,<legend> 元素為 <fieldset> 元素定義標題。 (9)novalidate 規定瀏覽器不驗證表單。 (10)target規定 action 屬性中地址的目標(默認:_self)。 (11)date用于應該包含日期的輸入字段<input type="date"> 。month允許用戶選擇月份和年份<input type="month"> 。week允許用戶選擇周和年<input type="week"> 。time允許用戶選擇時間(無時區)<input type="time"> 。datetime允許用戶選擇日期和時間(有時區)<input type="datetime"> 。datetime-local允許用戶選擇日期和時間(無時區)<input type="datetime-local"> 。color用于應該包含顏色的輸入字段<input type="color"> 。range用于應該包含一定范圍內的值的輸入字段<input type="range"> 。根據瀏覽器支持,日期選擇器會出現輸入字段中。 (12)search 用于搜索字段(搜索字段的表現類似常規文本字段)<input type="search">。tel用于應該包含電話號碼的輸入字段<input type="tel"> 。url 用于應該包含 URL 地址的輸入字段<input type="url">。
value 屬性:規定輸入字段的初始值。
readonly 屬性:規定輸入字段為只讀(不能修改),readonly 屬性不需要值。它等同于 readonly=“readonly”。
disabled 屬性:規定輸入字段是禁用的,被禁用的元素是不可用和不可點擊的,被禁用的元素不會被提交。disabled 屬性不需要值。它等同于 disabled=“disabled”。
size 屬性:規定輸入字段的尺寸(以字符計)。
maxlength 屬性:規定輸入字段允許的最大長度。
autocomplete 屬性:規定表單或輸入字段是否應該自動完成。當自動完成開啟,瀏覽器會基于用戶之前的輸入值自動填寫值。
novalidate 屬性屬于< form>屬性。如果設置,則 novalidate 規定在提交表單時不對表單數據進行驗證。
autofocus 屬性是布爾屬性。如果設置,則規定當頁面加載時< input> 元素應該自動獲得焦點。
form 屬性規定< input>元素所屬的一個或多個表單。如需引用一個以上的表單,請使用空格分隔的表單 id 列表。
ormaction 屬性規定當提交表單時處理該輸入控件的文件的 URL。formaction 屬性覆蓋< form>元素的 action 屬性。formaction 屬性適用于 type=“submit” 以及 type=“image”。
formenctype 屬性規定當把表單數據(form-data)提交至服務器時如何對其進行編碼(僅針對 method=“post” 的表單)。formenctype 屬性覆蓋 < form>元素的 enctype 屬性。formenctype 屬性適用于 type=“submit” 以及 type=“image”。
formmethod 屬性定義用以向 action URL 發送表單數據(form-data)的 HTTP 方法。formmethod 屬性覆蓋 < form> 元素的 method 屬性。formmethod 屬性適用于 type=“submit” 以及 type=“image”。
novalidate 屬性是布爾屬性。如果設置,則規定在提交表單時不對< input>元素進行驗證。formnovalidate 屬性覆蓋 < form> 元素的 novalidate 屬性。formnovalidate 屬性可用于 type=“submit”。
formtarget 屬性規定的名稱或關鍵詞指示提交表單后在何處顯示接收到的響應。formtarget 屬性會覆蓋 < form> 元素的 target 屬性。formtarget 屬性可與 type=“submit” 和 type=“image” 使用。
height 和 width 屬性規定 < input> 元素的高度和寬度。height 和 width 屬性僅用于 < input type=“image”>。
list 屬性引用的 < datalist> 元素中包含了 < input> 元素的預定義選項。
min 和 max 屬性規定 元素的最小值和最大值。min 和 max 屬性適用于如需輸入類型:number、range、date、datetime、datetime-local、month、time 以及 week。
multiple 屬性是布爾屬性。如果設置,則規定允許用戶在 < input> 元素中輸入一個以上的值。multiple 屬性適用于以下輸入類型:email 和 file。
pattern 屬性規定用于檢查 < input> 元素值的正則表達式。pattern 屬性適用于以下輸入類型:text、search、url、tel、email、and password。
placeholder 屬性規定用以描述輸入字段預期值的提示(樣本值或有關格式的簡短描述)。該提示會在用戶輸入值之前顯示在輸入字段中。placeholder 屬性適用于以下輸入類型:text、search、url、tel、email 以及 password。
required 屬性是布爾屬性。如果設置,則規定在提交表單之前必須填寫輸入字段。required 屬性適用于以下輸入類型:text、search、url、tel、email、password、date pickers、number、checkbox、radio、and file。
step 屬性規定 元素的合法數字間隔。示例:如果 step=“3”,則合法數字應該是 -3、0、3、6、等等。
<article> 定義文檔內的文章。 <aside> 定義頁面內容之外的內容。 <bdi> 定義與其他文本不同的文本方向。 <details> 定義用戶可查看或隱藏的額外細節。 <dialog> 定義對話框或窗口。 <figcaption> 定義 <figure> 元素的標題。 <figure> 定義自包含內容,比如圖示、圖表、照片、代碼清單等等。 <footer> 定義文檔或節的頁腳。 <header> 定義文檔或節的頁眉。 <main> 定義文檔的主內容。 <mark> 定義重要或強調的內容。 <menuitem> 定義用戶能夠從彈出菜單調用的命令/菜單項目。 <meter> 定義已知范圍(尺度)內的標量測量。 <nav> 定義文檔內的導航鏈接。 <progress> 定義任務進度。 <rp> 定義在不支持 ruby 注釋的瀏覽器中顯示什么。 <rt> 定義關于字符的解釋/發音(用于東亞字體)。 <ruby> 定義 ruby 注釋(用于東亞字體)。 <section> 定義文檔中的節。 <summary> 定義 <details> 元素的可見標題。 <time> 定義日期/時間。 <wbr> 定義可能的折行(line-break)。 <canvas> 定義使用 JavaScript 的圖像繪制。 <svg> 定義使用 SVG 的圖像繪制。 <audio> 定義聲音或音樂內容。 <embed> 定義外部應用程序的容器(比如插件)。 <source> 定義 <video> 和 <audio> 的來源。 <track> 定義 <video> 和 <audio> 的軌道。 <video> 定義視頻或影片內容。
關于“html5中有什么標簽”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。