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
性是 HTML 元素提供的附加信息。
HTML 屬性
HTML 元素可以設(shè)置屬性
屬性可以在元素中添加附加信息
屬性一般描述于開始標(biāo)簽
屬性總是以名稱/值對(duì)的形式出現(xiàn),比如:name="value"。
屬性實(shí)例
HTML 鏈接由 <a> 標(biāo)簽定義。鏈接的地址在 href 屬性中指定:
實(shí)例
<a>這是一個(gè)鏈接</a>
HTML 屬性常用引用屬性值
屬性值應(yīng)該始終被包括在引號(hào)內(nèi)。
雙引號(hào)是最常用的,不過使用單引號(hào)也沒有問題。
提示: 在某些個(gè)別的情況下,比如屬性值本身就含有雙引號(hào),那么您必須使用單引號(hào),例如:name='John "ShotGun" Nelson'
HTML 提示:使用小寫屬性
屬性和屬性值對(duì)大小寫不敏感。
不過,萬維網(wǎng)聯(lián)盟在其 HTML 4 推薦標(biāo)準(zhǔn)中推薦小寫的屬性/屬性值。
而新版本的 (X)HTML 要求使用小寫屬性。
HTML 屬性參考手冊(cè)
查看完整的HTML屬性列表: HTML 標(biāo)簽參考手冊(cè)。
下面列出了適用于大多數(shù) HTML 元素的屬性:
屬性 | 描述 |
---|---|
class | 為html元素定義一個(gè)或多個(gè)類名(classname)(類名從樣式文件引入) |
id | 定義元素的唯一id |
style | 規(guī)定元素的行內(nèi)樣式(inline style) |
title | 描述了元素的額外信息 (作為工具條使用) |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
、 設(shè)置字體樣式的基本標(biāo)簽是<font></font>,被其包含的文本為樣式作用區(qū)。在初學(xué)者的HTML代碼編寫中,<font></font>容易被多重嵌套,如<font 屬性1=值1><font 屬性2=值2>文本</font></font>。還有一種情況是標(biāo)簽嵌套錯(cuò)位,如<font><p>文本</font></p>。為了規(guī)范代碼的編寫,避免不必要的錯(cuò)誤,讀者在初學(xué)時(shí)一定要謹(jǐn)慎。
2、設(shè)置文字的顏色 color 是標(biāo)簽的屬性之一,用于設(shè)置文字顏色。color是<font></font>標(biāo)簽的屬性之一,用于設(shè)置文字顏色。例子如:淺紅色文字:<font color="#dd0000">51UM博客即湯湯個(gè)人博客網(wǎng)站,是一個(gè)和草根站長(zhǎng)們一起學(xué)習(xí)分享網(wǎng)站SEO優(yōu)化技術(shù)、web前端開發(fā)為主的個(gè)人博客網(wǎng)站。</font>
3、設(shè)置文字的尺寸 size 也是標(biāo)簽的屬性,用于設(shè)置文字大小。size 的值為1-7, 默認(rèn)為3。我們可以 size 屬性值之前加上“+”“-”字符,來指定相對(duì)于字 、 號(hào)初始值的增量或減量。例子如: size為1:<font size="-2">HTML學(xué)習(xí)</font>
4、使文字傾斜,用雙標(biāo)簽<i></i>可使被作用文字傾斜,達(dá)到特殊的效果,例如文章的日期。<em></em>被稱為強(qiáng)調(diào)標(biāo)簽,也是斜體,目前使用比<i></i>標(biāo)簽更頻繁,其編寫方法如下:
<i>這是斜體文字</i>
<em>這也是斜體文字</em>
5、 使文字加粗,用雙標(biāo)簽<b></b>可使被作用文字加粗,是文字更加醒目,例如文章的標(biāo)題部分。<strong></strong>被稱為特別強(qiáng)調(diào)標(biāo)簽,也是文字加粗,目前使用比<b></b>標(biāo)簽更頻繁,其編寫方法如下:
<b>這是粗體文字</b>
<strong>這也是粗體文字</strong>
除注明外的文章,均為來源:湯久生博客(QQ:1917843637),轉(zhuǎn)載請(qǐng)保留本文地址,謝謝!
多時(shí)候?qū)τ星岸斯こ處焷碇v,頁面效果直接會(huì)轉(zhuǎn)嫁個(gè)CSS或JS,對(duì)HTML的一些屬性了解的并不充分,接下來介紹一些有意思的HTML屬性。
1)Multiple
顧名思義就是在一個(gè)輸入標(biāo)簽或選擇標(biāo)簽中可以輸入多個(gè)值
<input type="file" multiple>
2)Accept
在<input>包含接受屬性,允許用戶傷上傳指定的文件類型。我們?cè)谠O(shè)置的過程中,需要設(shè)置指定的文件格式。并用逗號(hào)分開即可。傳遞文件類型包含圖片、音頻、視頻、文檔,等自定義文件類型。
<input type="file" accept=".png, .jpg">
3)Contenteditable
這個(gè)屬性比較有意思,允許用戶在前端HTML頁面進(jìn)行對(duì)文本的編輯,只對(duì)DOM的可見部分進(jìn)行編輯。
<div contenteditable="true">我可以隨意編輯!</div>
4)Spellcheck
進(jìn)行拼寫檢查的可編輯段落:
<p contenteditable="true" spellcheck="true">這是一個(gè)段落。</p>
5) Translate
Translate告訴瀏覽器是否應(yīng)該翻譯內(nèi)容。例如,您可以使用它來防止Google Translate自動(dòng)嘗試翻譯您的公司或品牌名稱。
<footer><p translate="no">Mark</p></footer>
6) Poster
帶有預(yù)覽圖(海報(bào)圖片)的視頻播放器:
注釋:Internet Explorer 8 以及更早的版本不支持 <video> 標(biāo)簽。
<video controls poster="/images/mark.gif">
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
7) Download
download 屬性規(guī)定被下載的超鏈接目標(biāo)。
在 <a> 標(biāo)簽中必須設(shè)置 href 屬性。
該屬性也可以設(shè)置一個(gè)值來規(guī)定下載文件的名稱。所允許的值沒有限制,瀏覽器將自動(dòng)檢測(cè)正確的文件擴(kuò)展名并添加到文件 (.img, .pdf, .txt, .html, 等等)。
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。