整合營(yíng)銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          HTML <summary> 標(biāo)簽

          使用 <summary> 元素:

          <details>

          <summary>Copyright 1999-2011.</summary>

          <p> - by Refsnes Data. All Rights Reserved.</p>

          <p>All content and graphics on this web site are the property of the company Refsnes Data.</p>

          </details>


          瀏覽器支持

          目前,只有 Chrome 和 Safari 6 支持 <summary> 標(biāo)簽。


          標(biāo)簽定義及使用說(shuō)明

          <summary> 標(biāo)簽為 <details> 元素定義一個(gè)可見(jiàn)的標(biāo)題。 當(dāng)用戶點(diǎn)擊標(biāo)題時(shí)會(huì)顯示出詳細(xì)信息。


          HTML 4.01 與 HTML5之間的差異

          <summary> 標(biāo)簽是 HTML5 中的新標(biāo)簽。


          提示和注釋

          注釋:<summary> 元素應(yīng)該是 <details> 元素的第一個(gè)子元素。


          全局屬性

          <summary> 標(biāo)簽支持 HTML 的全局屬性。


          事件屬性

          <summary> 標(biāo)簽支持 HTML 的事件屬性。

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          帶有兩個(gè)輸入字段和相關(guān)標(biāo)記的簡(jiǎn)單 HTML 表單:

          <form action="demo_form.asp">

          <label for="male">Male</label>

          <input type="radio" name="sex" id="male" value="male"><br>

          <label for="female">Female</label>

          <input type="radio" name="sex" id="female" value="female"><br>

          <input type="submit" value="提交">

          </form>


          瀏覽器支持

          目前大多數(shù)瀏覽器支持 <label> 標(biāo)簽。


          標(biāo)簽定義及使用說(shuō)明

          <label> 標(biāo)簽為 input 元素定義標(biāo)注(標(biāo)記)。

          label 元素不會(huì)向用戶呈現(xiàn)任何特殊效果。不過(guò),它為鼠標(biāo)用戶改進(jìn)了可用性。如果您在 label 元素內(nèi)點(diǎn)擊文本,就會(huì)觸發(fā)此控件。就是說(shuō),當(dāng)用戶選擇該標(biāo)簽時(shí),瀏覽器就會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。

          <label> 標(biāo)簽的 for 屬性應(yīng)當(dāng)與相關(guān)元素的 id 屬性相同。


          提示和注釋

          提示:"for" 屬性可把 label 綁定到另外一個(gè)元素。請(qǐng)把 "for" 屬性的值設(shè)置為相關(guān)元素的 id 屬性的值。


          HTML 4.01 與 HTML5之間的差異

          "form" 屬性是 HTML5 的新屬性。


          屬性

          New:HTML5 新屬性。

          屬性描述
          forelement_id規(guī)定 label 與哪個(gè)表單元素綁定。
          formNewform_id規(guī)定 label 字段所屬的一個(gè)或多個(gè)表單。

          全局屬性

          <label> 標(biāo)簽支持全局屬性,查看完整屬性表 HTML全局屬性。


          事件屬性

          <label> 標(biāo)簽支持所有 HTML事件屬性。

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          TML標(biāo)簽

          基本標(biāo)簽

          HTML頁(yè)面中內(nèi)容是由HTML標(biāo)簽組織起來(lái)的,如頁(yè)面中的文本、圖像、Flash視頻文件等都是通過(guò)HTML標(biāo)簽合理地顯示在頁(yè)面的各個(gè)位置。



          1 標(biāo)題標(biāo)簽<h1>~<h6>

          標(biāo)題標(biāo)簽表示一段文字的標(biāo)題(主題),并且支持多層次的內(nèi)容結(jié)構(gòu)。HTNL.共提供了6級(jí)標(biāo)題,分別為<h1>~<h6>,并賦予了標(biāo)題一定的外觀,所有標(biāo)題字體加粗,其中山<h1>字號(hào)最大,<h6>字號(hào)最小.


          2.圖像標(biāo)簽<img>

          在網(wǎng)頁(yè)中常用的圖像格式有4種,即JPG、GIF、BMP.PNG,其中使用比較多的是JPG、GIF和PNG,大多數(shù)瀏覽器都可以顯示這些圖像。


          顯示圖像的語(yǔ)法:

          < img src="ur1" alt="文本" width="x" height="y"/>


          在語(yǔ)法中:

          a、SrC屬性:表示顯示圖像的地址。

          b、alt屬性:指定圖像的替代文本,當(dāng)圖像無(wú)法顯示時(shí)(如圖片路徑錯(cuò)誤或網(wǎng)速太慢等)替代顯示的文本,這樣,即使圖像無(wú)法顯示,用戶還可以看到網(wǎng)頁(yè)丟失的信息,所以為頁(yè)面上的圖像都加上替換文本屬性是個(gè)好習(xí)慣,這樣有助于更好地顯示信息,并且對(duì)于那些使用純文本瀏覽器的人來(lái)說(shuō)是非常有幫助的。

          c、width屬性:表示圖像寬度.

          d、height屬性:表示圖像高度。


          3.段落標(biāo)簽<p>

          顧名思義,段落標(biāo)簽表示將一段文字組成一系列段落內(nèi)容,這樣做的目的是內(nèi)容應(yīng)用某些格式和布局,使各個(gè)段落的邏輯更清晰明了。在HTML文檔中,段落通過(guò)<p>標(biāo)簽定義。段落標(biāo)簽<p>表示段落的開(kāi)始,</p >表示段落的結(jié)束。


          4.換行標(biāo)簽<br/>

          在希望不產(chǎn)生一個(gè)新段落的情況下進(jìn)行換行,則使用<br>標(biāo)簽。<br>是一個(gè)空的HTML標(biāo)簽,由于關(guān)閉標(biāo)簽沒(méi)有任何意義,因此它沒(méi)有結(jié)束標(biāo)簽。


          注意:

          使用<b>和<br>的結(jié)果一樣,在XHTML以及未來(lái)的HTML版本中,根據(jù)W3C規(guī)范,不允許使用沒(méi)有結(jié)束標(biāo)簽的HTML元素,因此使用<br>頁(yè)面更規(guī)范,有更長(zhǎng)遠(yuǎn)的保障。


          5.水平線標(biāo)簽<hr/>

          水平線標(biāo)簽表示一條水平線,注意該標(biāo)簽與<br>標(biāo)簽一樣,沒(méi)有結(jié)束標(biāo)簽,直接使用<hr/>表示標(biāo)簽的開(kāi)始和結(jié)束。

          使用以上講解的基本標(biāo)簽,就可以進(jìn)行網(wǎng)頁(yè)內(nèi)容排版了。


          主站蜘蛛池模板: 精品国产一区二区三区久久狼| 夜色阁亚洲一区二区三区| 无码精品一区二区三区免费视频| 99精品一区二区免费视频| 婷婷亚洲综合一区二区| 国产成人综合一区精品| 在线观看国产一区| 一级特黄性色生活片一区二区| ...91久久精品一区二区三区| 无码人妻AⅤ一区二区三区水密桃| 国产91大片精品一区在线观看| 亚洲福利精品一区二区三区| 国产亚洲福利精品一区二区| 中文字幕av一区| 亚洲av无码片区一区二区三区| 国产成人一区二区三区视频免费| 久久精品中文字幕一区| 一区二区三区美女视频| 日本一区视频在线播放| 精品无码成人片一区二区| 女人和拘做受全程看视频日本综合a一区二区视频 | 激情综合一区二区三区| 午夜精品一区二区三区在线视| 日本一区二区三区在线观看视频| 少妇一晚三次一区二区三区| 亚洲视频一区二区三区四区| 精品无码av一区二区三区| 日本一区二区在线播放| 亚洲综合无码一区二区三区| 无码人妻精品一区二区三区蜜桃 | 色久综合网精品一区二区| 无码一区二区三区免费| 久久无码AV一区二区三区| 中文字幕AV无码一区二区三区| 国产欧美一区二区精品仙草咪| 在线成人综合色一区| 四虎一区二区成人免费影院网址| 狠狠做深爱婷婷综合一区 | 亚洲丰满熟女一区二区哦| 麻豆国产在线不卡一区二区| 高清一区二区在线观看|