HTML屬性

HTML Attributes

All HTML elements can have attributes
Attributes provide additional information about an element
Attributes are always specified in the start tag
Attributes usually come in name/value pairs like: name="value" 屬性總是以名稱/值對的形式出現(xiàn)牲蜀,比如:name="value"。
雙引號是最常用的在辆,不過使用單引號也沒有問題峭判。
提示: 在某些個別的情況下开缎,比如屬性值本身就含有雙引號林螃,那么您必須使用單引號,例如:name='John "ShotGun" Nelson'

  • The href Attribute
    <a >This is a link</a> ---> This is a link

  • The src Attribute
    <img src="img_girl.jpg">

  • The width and height Attributes
    <img src="img_girl.jpg" width="500" height="600"> --> The image size is specified in pixels: width="500" means 500 pixels wide.

  • The alt Attribute (The alt attribute specifies an alternative text to be used, when an image cannot be displayed.The value of the attribute can be read by screen readers. This way, someone "listening" to the webpage, e.g. a blind person, can "hear" the element.)
    <img src="img_girl.jpg" alt="Girl with a jacket"> --> If we try to display an image that does not exist, the value of the alt attribute will be displayed instead.

  • The style Attribute (The style attribute is used to specify the styling of an element, like color, font, size etc.)
    <p style="color:red">I am a paragraph</p>

  • The lang Attribute (The language of the document can be declared in the <html> tag. The language is declared with the lang attribute. Declaring a language is important for accessibility applications (screen readers) and search engines.)

<!DOCTYPE html>
<html lang="en-US">
<body>

...

</body>
</html>
  • The title Attribute (Here, a title attribute is added to the <p> element. The value of the title attribute will be displayed as a tooltip when you mouse over the paragraph.)
<p title="I'm a tooltip">
This is a paragraph.
</p>

Summary

  • All HTML elements can have attributes
  • The title attribute provides additional "tool-tip" information
  • The href attribute provides address information for links
  • The width and height attributes provide size information for images
  • The alt attribute provides text for screen readers

Attribute Description

alt Specifies an alternative text for an image, when the image cannot be displayed
disabled Specifies that an input element should be disabled
href Specifies the URL (web address) for a link
id Specifies a unique id for an element 定義元素的唯一id
src Specifies the URL (web address) for an image
style Specifies an inline CSS style for an element 規(guī)定元素的行內(nèi)樣式(inline style)
title Specifies extra information about an element (displayed as a tool tip) 描述了元素的額外信息 (作為工具條使用)

A complete list of all attributes for each HTML element, is listed in our: HTML Attribute Reference.
更多 HTML 標準屬性說明: HTML 標準屬性參考手冊.

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末伏钠,一起剝皮案震驚了整個濱河市谨设,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌扎拣,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,454評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件誉券,死亡現(xiàn)場離奇詭異刊愚,居然都是意外死亡,警方通過查閱死者的電腦和手機鸥诽,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,553評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來牡借,“玉大人,你說我怎么就攤上這事蓖捶”庠叮” “怎么了?”我有些...
    開封第一講書人閱讀 157,921評論 0 348
  • 文/不壞的土叔 我叫張陵并闲,是天一觀的道長。 經(jīng)常有香客問我帝火,道長湃缎,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,648評論 1 284
  • 正文 為了忘掉前任嗓违,我火速辦了婚禮,結(jié)果婚禮上冕广,老公的妹妹穿的比我還像新娘疏日。我一直安慰自己撒汉,他們只是感情好,可當我...
    茶點故事閱讀 65,770評論 6 386
  • 文/花漫 我一把揭開白布挠阁。 她就那樣靜靜地躺著溯饵,像睡著了一般。 火紅的嫁衣襯著肌膚如雪瓣喊。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,950評論 1 291
  • 那天洪橘,我揣著相機與錄音,去河邊找鬼熄求。 笑死逗概,一個胖子當著我的面吹牛弟晚,可吹牛的內(nèi)容都是我干的逾苫。 我是一名探鬼主播,決...
    沈念sama閱讀 39,090評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼瑟押,長吁一口氣:“原來是場噩夢啊……” “哼星掰!你這毒婦竟也來了多望?” 一聲冷哼從身側(cè)響起氢烘,我...
    開封第一講書人閱讀 37,817評論 0 268
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎椎工,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體晋渺,經(jīng)...
    沈念sama閱讀 44,275評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,592評論 2 327
  • 正文 我和宋清朗相戀三年畴栖,在試婚紗的時候發(fā)現(xiàn)自己被綠了八千。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,724評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡照皆,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出膜毁,到底是詐尸還是另有隱情愤钾,我是刑警寧澤瘟滨,帶...
    沈念sama閱讀 34,409評論 4 333
  • 正文 年R本政府宣布能颁,位于F島的核電站,受9級特大地震影響伙菊,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜运翼,卻給世界環(huán)境...
    茶點故事閱讀 40,052評論 3 316
  • 文/蒙蒙 一谦疾、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧念恍,春花似錦晚顷、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,815評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽栓袖。三九已至店诗,卻和暖如春音榜,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背赠叼。 一陣腳步聲響...
    開封第一講書人閱讀 32,043評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留瞬场,地道東北人。 一個月前我還...
    沈念sama閱讀 46,503評論 2 361
  • 正文 我出身青樓贯被,卻偏偏與公主長得像妆艘,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子双仍,可洞房花燭夜當晚...
    茶點故事閱讀 43,627評論 2 350

推薦閱讀更多精彩內(nèi)容

  • rljs by sennchi Timeline of History Part One The Cognitiv...
    sennchi閱讀 7,312評論 0 10
  • 十五圓朱沃,十六圓苞轿。月圓之夜難入眠逗物,盼卿共嬋娟。 聚也甜翎卓,別也甜。小別重逢醉紅顏失暴,相約十八年。 第一個目標逗扒,相約十八年...
    何時再出發(fā)閱讀 266評論 0 1
  • 進取的兔兔~
    小微繪話閱讀 276評論 0 1
  • Glide的緩存策略 前言 眾所周知矩肩,圖片加載框架的基本模式就是三層緩存现恼。內(nèi)存、文件和網(wǎng)絡(luò)始锚。所有圖片加載框架的基本...
    oceanLong閱讀 669評論 4 5
  • 前言 本見書上JavaScript事件一塊較為繁瑣細節(jié)甚多以為是要花上好一段時間才能學(xué)完再來做筆記喳逛。結(jié)果是當天晚上...
    Alander閱讀 192評論 0 1