Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
例
使用 <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> 標簽。
標簽定義及使用說明
<summary> 標簽為 <details> 元素定義一個可見的標題。 當用戶點擊標題時會顯示出詳細信息。
HTML 4.01 與 HTML5之間的差異
<summary> 標簽是 HTML5 中的新標簽。
提示和注釋
注釋:<summary> 元素應該是 <details> 元素的第一個子元素。
全局屬性
<summary> 標簽支持 HTML 的全局屬性。
事件屬性
<summary> 標簽支持 HTML 的事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
例
帶有兩個輸入字段和相關標記的簡單 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>
瀏覽器支持
目前大多數瀏覽器支持 <label> 標簽。
標簽定義及使用說明
<label> 標簽為 input 元素定義標注(標記)。
label 元素不會向用戶呈現任何特殊效果。不過,它為鼠標用戶改進了可用性。如果您在 label 元素內點擊文本,就會觸發此控件。就是說,當用戶選擇該標簽時,瀏覽器就會自動將焦點轉到和標簽相關的表單控件上。
<label> 標簽的 for 屬性應當與相關元素的 id 屬性相同。
提示和注釋
提示:"for" 屬性可把 label 綁定到另外一個元素。請把 "for" 屬性的值設置為相關元素的 id 屬性的值。
HTML 4.01 與 HTML5之間的差異
"form" 屬性是 HTML5 的新屬性。
屬性
New:HTML5 新屬性。
屬性 | 值 | 描述 |
---|---|---|
for | element_id | 規定 label 與哪個表單元素綁定。 |
formNew | form_id | 規定 label 字段所屬的一個或多個表單。 |
全局屬性
<label> 標簽支持全局屬性,查看完整屬性表 HTML全局屬性。
事件屬性
<label> 標簽支持所有 HTML事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
TML標簽
基本標簽
HTML頁面中內容是由HTML標簽組織起來的,如頁面中的文本、圖像、Flash視頻文件等都是通過HTML標簽合理地顯示在頁面的各個位置。
1 標題標簽<h1>~<h6>
標題標簽表示一段文字的標題(主題),并且支持多層次的內容結構。HTNL.共提供了6級標題,分別為<h1>~<h6>,并賦予了標題一定的外觀,所有標題字體加粗,其中山<h1>字號最大,<h6>字號最小.
2.圖像標簽<img>
在網頁中常用的圖像格式有4種,即JPG、GIF、BMP.PNG,其中使用比較多的是JPG、GIF和PNG,大多數瀏覽器都可以顯示這些圖像。
顯示圖像的語法:
< img src="ur1" alt="文本" width="x" height="y"/>
在語法中:
a、SrC屬性:表示顯示圖像的地址。
b、alt屬性:指定圖像的替代文本,當圖像無法顯示時(如圖片路徑錯誤或網速太慢等)替代顯示的文本,這樣,即使圖像無法顯示,用戶還可以看到網頁丟失的信息,所以為頁面上的圖像都加上替換文本屬性是個好習慣,這樣有助于更好地顯示信息,并且對于那些使用純文本瀏覽器的人來說是非常有幫助的。
c、width屬性:表示圖像寬度.
d、height屬性:表示圖像高度。
3.段落標簽<p>
顧名思義,段落標簽表示將一段文字組成一系列段落內容,這樣做的目的是內容應用某些格式和布局,使各個段落的邏輯更清晰明了。在HTML文檔中,段落通過<p>標簽定義。段落標簽<p>表示段落的開始,</p >表示段落的結束。
4.換行標簽<br/>
在希望不產生一個新段落的情況下進行換行,則使用<br>標簽。<br>是一個空的HTML標簽,由于關閉標簽沒有任何意義,因此它沒有結束標簽。
注意:
使用<b>和<br>的結果一樣,在XHTML以及未來的HTML版本中,根據W3C規范,不允許使用沒有結束標簽的HTML元素,因此使用<br>頁面更規范,有更長遠的保障。
5.水平線標簽<hr/>
水平線標簽表示一條水平線,注意該標簽與<br>標簽一樣,沒有結束標簽,直接使用<hr/>表示標簽的開始和結束。
使用以上講解的基本標簽,就可以進行網頁內容排版了。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。